Rumah > Artikel > hujung hadapan web > js实现防刷新的倒计时代码展示

js实现防刷新的倒计时代码展示

巴扎黑asal: 2017-09-07 11:41:121177semak imbas

这篇文章主要为大家详细介绍了js防刷新的倒计时代码，js倒计时的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

最近在维护考试系统，在进行考试测试时无意中点击了刷新按钮，但是上面的倒计时并没有受到影响，同时在几篇博客中也有这样的例子，所以我想看看它到底是怎样防止刷新的。

如果是用cs代码写，我们可能会很快的写出来怎样防止刷新，可是我们要进行前段开发，考试是在页面上进行的，这里就要用到我们学到的js了。

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>前端开发</title>

</head>

 

<body>

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime;
if(window.name==&#39;&#39;){
maxtime = 1*60;
}else{

maxtime = window.name;

}

 

function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert(&#39;注意，还有5分钟!&#39;);

--maxtime;

window.name = maxtime;

}

else{
clearInterval(timer);
alert("考试时间到，结束!");

}

}

timer = setInterval("CountDown()",1000);
//-->

</SCRIPT>

<p id="timer"style="color:red"></p>

 

</body>

</html>

其实，这里最主要的思想就是，我们将时间放到一个变量中，刷新后，我们从变量中接着读取这个数据即可。我们也可以用cookie存开始时间，刷新以后先读取cookie。方法也许不只是这一个，希望大家有更好地方法来多多交流。

Atas ialah kandungan terperinci js实现防刷新的倒计时代码展示. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript使用FileReader完成图片上传和预览的功能介绍Artikel seterusnya：详细介绍JavaScript中运算符规则和隐式类型转换

Artikel berkaitan

Lihat lagi