Home >Web Front-end >JS Tutorial >js anti-refresh countdown code js countdown code

js anti-refresh countdown code js countdown code

韦小宝Original: 2018-01-25 11:00:092168browse

This article mainly introduces the countdown code of js anti-refresh for everyone. The implementation code of js countdown has certain reference value. Friends who are interested in js can refer to this article

Recently, I was maintaining the exam system. I accidentally clicked the refresh button during the exam test, but the countdown above was not affected. There are also such examples in several blogs, so I want to take a look. How exactly does it prevent refresh.

If it is written in cs code, we may quickly write out how to prevent refreshing, but we need to carry out front-end development, and the exam is conducted on the page, and the js we have learned will be used here. .

<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>

In fact, the main idea here is that we put the time in a variable. After refreshing, we can then read the data from the variable. We can also use cookie to save the start time and read the cookie first after refreshing. There may be more than just this method. I hope everyone has a better way to communicate.

Related recommendations:

javascript countdown effect code, which can facilitate parameter calling_time and date

Javascript countdown Code_Time and date

javascript countdown function implementation code

The above is the detailed content of js anti-refresh countdown code js countdown code. For more information, please follow other related articles on the PHP Chinese website!

JavaScript Cookie JS

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed explanation of operator rules and implicit type conversion examples in JavaScriptNext article：Detailed explanation of operator rules and implicit type conversion examples in JavaScript

See more

js anti-refresh countdown code js countdown code

Related articles