定时刷新页面 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;

}

当前刷新时间为: 秒

刷新倒计时: 秒

输入新的刷新时间: