导航:首页 > 网站知识 > 网站倒计时结束后如何及时刷新

网站倒计时结束后如何及时刷新

发布时间:2023-02-28 19:13:59

‘壹’ javascript代码,在页面实现倒计时,但不随页面刷新而刷新。

实现倒计时很容易,关键是你要求刷新页面,不能停止倒计时
1、使用iframe,嵌入页面,父页上执行js操作,这样子页面刷新后会接着显示倒计时;
2、在后台实现,如使用java的timer类来实现倒计时,前台通过ajax获取倒计时结果,无论前端页面怎么刷新,不会停止倒计时
前端的好写,简单写下,仅供参考
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body onLoad="startCount()" onUnload="fromClose()">
<iframe id="myFrame" src="innerPage.html" height="500" width="500"></iframe>
</body>
</html>
<script>
var timer;
var count=10;
function startCount(){
timer=window.setInterval("myTimeBack()",1000);
}
function myTimeBack(){
myFrame.document.getElementById("myInput").value=count;
count=count-1;
if(count==0)
count=10;
}
function fromClose(){
clearInterval(timer);
}
</script>
//嵌入的页面innerPage.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<input type="text" value="" id="myInput" style="width:50">
<button onClick="refeshFrame()" style="width:80">refresh</button>
</body>
</html>
<script>
function refeshFrame(){
this.location.href=this.location.toString();
}
</script>

阅读全文

与网站倒计时结束后如何及时刷新相关的资料

热点内容
网络共享中心没有网卡 浏览:516
电脑无法检测到网络代理 浏览:1367
笔记本电脑一天会用多少流量 浏览:559
苹果电脑整机转移新机 浏览:1371
突然无法连接工作网络 浏览:1042
联通网络怎么设置才好 浏览:1216
小区网络电脑怎么连接路由器 浏览:1017
p1108打印机网络共享 浏览:1205
怎么调节台式电脑护眼 浏览:679
深圳天虹苹果电脑 浏览:916
网络总是异常断开 浏览:606
中级配置台式电脑 浏览:973
中国网络安全的战士 浏览:626
同志网站在哪里 浏览:1408
版观看完整完结免费手机在线 浏览:1451
怎样切换默认数据网络设置 浏览:1103
肯德基无线网无法访问网络 浏览:1278
光纤猫怎么连接不上网络 浏览:1457
神武3手游网络连接 浏览:959
局网打印机网络共享 浏览:994