javascript代码,在页面实现倒计时，但不随页面刷新而刷新。
不和juqery框架冲突的，最好是原生javascript代码,实现10分钟倒计时，页面刷新不影响倒计时进度，10分钟倒计时结束后，继续10分钟倒计时，循环起来，五九五七...
不和juqery框架冲突的，最好是原生javascript代码,实现10分钟倒计时，页面刷新不影响倒计时进度，10分钟倒计时结束后，继续10分钟倒计时，循环起来，五九五七九六七四零大红包！大神，大哥，高手们！
展开
1个回答
展开全部
实现倒计时很容易，关键是你要求刷新页面，不能停止倒计时
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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
