javascript改变页面定时刷新的时间

最新推荐文章于 2021-04-01 14:22:35 发布

清风浪迹天涯

最新推荐文章于 2021-04-01 14:22:35 发布

阅读量1.9k

点赞数

文章标签： javascript function input url button 数据库

本文链接：https://blog.csdn.net/xcyuzhen/article/details/4632222

版权

我们知道，<meta http-equiv="refresh" content="2"> 隔2秒钟后刷新的意思

注：（上面没有写网页地址(URL),格式应当是:
<meta http-equiv="Refresh" content="n;url">
n -- 隔n秒钟
url -- 转此地址

例如:
<META HTTP-EQUIV="refresh"
content="2;URL=http://www.baidu.com/">
2秒钟后刷新--转百度的首页. ）

现在的问题是，这么能动态改变页面定时刷新的时间呢？

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

如果非要用javascript来动态改变刷新时间的值，则只能用window.location.reload()函数实现，而且只对当前页面有效，我这里写了一段比较详细完整的代码，经过测试的，希望对大家有所启示
<html>
<head>
<title>控制页面刷新时间</title>
<script language="javascript">
var i=0;
var flag=null;
function time(){ //显示时间跳动
var timeShow=document.getElementById("timeShow");
timeShow.innerText=i;
i--;
flag=setTimeout("time()",1000);
}
function changeTime() {
var nowTime=document.getElementById("newTime").value;//得到输入的刷新时间
if(nowTime=="") {alert("请输入新的刷新时间");return;}
setTimeRef(nowTime); //显示当前刷新时间
clearTimeout(flag);i=nowTime;time();//清除原来定时器,从头开始计时
setTimeout("window.location.reload()",parseInt(nowTime)*1000); //定时刷新

}
function setTimeRef(nowTime){
document.getElementById("timeRef").innerText=nowTime;
}
</script>
</head>

<body onLoad="">
<p>当前刷新时间为: <span id="timeRef" style="color:red"></span>秒</p>
<p>刷新倒计时: <span id="timeShow" style="color:red"></span>秒</p>
<p>输入新的刷新时间: <input id="newTime" type="text" size="4"> <input type="button" value="提交" onClick="changeTime()"> </p>
</body>
</html>

清风浪迹天涯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript改变页面定时刷新的时间

我们知道，隔2秒钟后刷新的意思注：（上面没有写网页地址(URL),格式应当是: n -- 隔n秒钟 url -- 转此地址例如: content="2;URL=http://www.baidu.com/"> 2秒钟后刷新--转百度的首页. ）现在的问题是，这么能动态改变页面定时刷新的时间呢？如果要改变页面定时刷新的时间,则用javascript不能直接实现,因为就算你当前把conte
复制链接

扫一扫