定时刷新页面 html,js实现定时刷新页面的代码

形如这样的代码

：隔2秒钟后刷新

。

注：(上面没有写网页地址(URL),格式应当是:

n -- 隔n秒钟

url -- 转此地址

例如:

复制代码代码示例:

content="2;URL=http://www.jbxue.com/">

2秒钟后刷新--转脚本学堂的首页. )

问题，如何实现动态改变页面定时刷新的时间呢？

如果要改变页面定时刷新的时间,则用javascript不能直接实现,因为就算你当前把content中的值改变了,但页面刷新后content又会恢复到原来的值,所以必须用动态网页的形式实现,content中的值用一个动态网页中的变量生成,而这变量也必须保存在文件或数据库中才行。

例如：

如果非要用javascript来动态改变刷新时间的值，则只能用window.location.reload()函数实现，而且只对当前页面有效。

复制代码代码示例:

控制页面刷新时间_www.jbxue.com

var i=0;

var flag=null;

function time(){ //显示时间跳动

var timeShow=document.getElementByIdx_x("timeShow");

timeShow.innerText=i;

i--;

flag=setTimeout("time()",1000);

}

function changeTime() {

var nowTime=document.getElementByIdx_x("newTime").value;//得到输入的刷新时间

if(nowTime=="") {alert("请输入新的刷新时间");return;}

setTimeRef(nowTime); //显示当前刷新时间

clearTimeout(flag);i=nowTime;time();//清除原来定时器,从头开始计时

setTimeout("window.location.reload()",parseInt(nowTime)*1000); //定时刷新

}

function setTimeRef(nowTime){

document.getElementByIdx_x("timeRef").innerText=nowTime;

}

当前刷新时间为: 秒

刷新倒计时: 秒

输入新的刷新时间:

定时刷新页面 html,js实现定时刷新页面的代码相关推荐

jsp对弹出jsp传值和刷新网页后js仍然没有刷新的解决方法
jsp对弹出jsp传值和刷新网页后js仍然没有刷新的解决方法现在从A.jsp弹出B.jsp,B.jsp包含B.js: 要从B.js访问到A.jsp中的变量的值: 弹出JSP的代码为: $('#m ...
使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API（代码可直接运行）
使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行) 代码很简单,适合初学者学习借鉴.可以当成一个小工具使用. 注意: 1.代码应联网使用. 2.在输入密钥和id时 ...
js中ajax刷新页面,django+js+ajax实现刷新页面的方法
本文实例讲述了django+js+ajax实现刷新页面的方法.分享给大家供大家参考,具体如下: 在服务器开发的时候,为了方便将服务器对外开一个接口来操作,可以使用django制作网页,通过页面来操作服 ...
html离开页面时,js实现用户离开页面前提示是否离开此页面的方法（包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
react如何刷新当前页面_react.js怎么实现刷新当前页面
window.open之后,子页面关闭之前刷新子页面,目前测试过的刷新方法: 1.1 window.opener.location.reload(); 该方式使用时会提示你是否确定刷新,比较烦人. 1 ...
禁止页面复制功能 js禁止复制禁用页面右键菜单
<body οncοntextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: <script t ...
360浏览器拦截弹窗，window.open方式打不开新页面（js操作新开页面）
解决办法:把ajax异步请求变成同步请求即可,及 $.ajax({ //async:false, ... }); 详情: window.open虽然在很多时候被广大中小站长用于弹窗广告的展示,所以广受 ...
html获取get信息,在HTML页面用JS获取Get参数方法(示例代码)
这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET 函数: function GetReques ...
html js更新数据不刷新页面,用javascript实现无刷新更新数据
程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户. window.clearInterval与window.setInterva ...
console js刷新页面_浏览器console自动刷新--转
值班需要监控页面情况,手头也没有专用的监控设备,只能手动刷新.遂度之,解放双手. 代码如下: 1 timeout=prompt("Set timeout (Second):");2 ...

定时刷新页面 html,js实现定时刷新页面的代码

定时刷新页面 html,js实现定时刷新页面的代码相关推荐

最新文章

热门文章