利用php和js实现页面数据刷新

利用"XXXX.htm"和"XXX.php"两个文件来实现数据的刷新

XXXX.htm

<head>

<script>
// Refresh code
r_s = 0;
timenow = 0;
function calrs()
{
    d = new Date();
    h= d.getHours(); m = d.getMinutes(); s = d.getSeconds();

if( m < 10) m = '0' + m;
    if( s < 10) s = '0' + s;
    status = ' ' + h + ":" + m + ":" + s;
    r_s = 2000;
}

calrs();

function reload_me()
{
    c = document.getElementById("reload1");
    c.src = "";
    c.src = "XXXXX.php?reload=1";

calrs();

setTimeout('reload_me()', r_s);
}

// Refresh code
setTimeout('reload_me()', r_s);
</script>

<script id="reload1"></script>

</head><small>
<div id="p_show></div>

</small>

XXXXX.php

<?php
header("Cache-Control: no-cache, must-revalidate");
 echo "document.all.p_show.innerHTML= \"?<font color=red>".rand(0,9)."</font>\"";
?>

赞 (0)

相关推荐

  • 利用php和js实现页面数据刷新

    利用"XXXX.htm"和"XXX.php"两个文件来实现数据的刷新 XXXX.htm <head> <script>// Refresh coder_s = 0;timenow = 0;function calrs(){    d = new Date();    h= d.getHours(); m = d.getMinutes(); s = d.getSeconds(); if( m < 10) m = '0' + m;    i

  • iOS利用Runtime实现友盟页面数据统计的功能示例

    前言 一般项目中集成统计功能随因产品类型不同而使用功能不同,但大多数统计一般只有一个目的,就是记录用户习惯,研究用户习惯,从而为用户带来更好的体验,本文主要介绍了关于iOS用Runtime实现友盟页面数据统计功能的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 一.概念 1.实现页面的统计,需要在每一个类中实现这个方法: - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [

  • JS实现页面数据懒加载

    页面数据懒加载.Div移动到可视区域再去ajax加载内容. 最近有需求做页面的多个table用于加载数据,但是用户浏览页面的时候不需要一次将页面所有的东西加载出来,比如页面上3个table就占满了,用户点进去第一眼也就只能看到3个.为了防止一次加载拖慢了页面的速度,所以之后的table我们要懒加载.即该table移动到了可视区域再去异步请求加载数据. 以下为目前实现的方法: <!-- page lazyloading --> <script> $(function(){ // 设置

  • JS实现页面数据无限加载

    JS实现页面数据无限加载

    在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表.之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能.先看看浏览效果: 当滚动条滚动到页面底部时,提示"正在加载-". 当页面已经加载了所有数据后,滚动到页面底部会提示"数据已加载到底了": 实现数据无限加载的过程大致如下: 1.滚动条滚动到页面底部. 2.触发ajax加载,把请求返回的数据加载到列表后面. 如何判断滚动条是否滚动到页面底

  • Vue利用History记录上一页面的数据方法实例

    Vue利用History记录上一页面的数据方法实例

    前言 本文主要介绍的是Vue利用History记录上一页面数据的相关内容,vue使用history后,能够使得url更加漂亮,也就是不再有'#'的问题,下面话不多说了,来一起看看详细的介绍吧 UI 需求 从列表页的第二页进入详情页,返回时列表页仍然显示在第二页: 从列表页的第二页进入详情页,返回时列表页的筛选条件仍然存在. <!--more--> 技术选择 使用vue-router组件,通过this.$router.push({path: path, query: query});方式,将页码

  • JS实现页面跳转与刷新的方法汇总

    window.location(.href)="URL" 其实 .href 可以省略 window.location 和 window.location.href 实现的效果是一样的 例如: window.location = "http://www.baidu.com" window.location.href = http://www.baidu.com 上面两种方法都可以从当前页面跳转到目标页面 不同之处在于 window.location 返回的是对象,如果

  • jQuery的ajax中使用FormData实现页面无刷新上传功能

    jQuery的ajax中使用FormData实现页面无刷新上传功能

    接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口.关于FormData,大家可以看MDN文档. 1,先看效果图 期望的功能和效果很简单:点击页面中的上传文件表单控件,选择文件后点击"ajax提交",将文件上传至服务器,上传成功后,页面给出一个简单的提示. 2,前端的代

  • JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    非常不多说了,直接给大家贴代码了,具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,use

  • js检测离开或刷新页面时表单数据是否更改的方法

    本文实例讲述了js检测离开或刷新页面时表单数据是否更改的方法.分享给大家供大家参考,具体如下: function formIsDirty(form) { for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var type = element.type; if (type == "checkbox" || type == "radio") { if (

  • JS区分浏览器页面是刷新还是关闭

    Web开发者在系统开发中经常要面对产品经理各式各样的需求,当然,大部分对产品体验还是有帮助的,例如我们今天提到的刷新页面,前进后退,关闭浏览器标签时,为了避免用户误操作,需给出二次确认提示框,这个相信大家都非常熟悉了,采用浏览器提供的BOM事件机制就可以解决,使用window对象的onbeforeunload事件即可,如果产品经理只提出这样的需求,那确实无可厚非,然而其需要的不仅仅是这些... 例如,我们一次项目开发中,产品经理就针对我们的实现提出了"改进方案": 你们这弹出框太丑了,

随机推荐