Heim > Artikel > Web-Frontend > js implementiert die Anzeige des Anti-Refresh-Countdown-Codes

js implementiert die Anzeige des Anti-Refresh-Countdown-Codes

巴扎黑Original: 2017-09-07 11:41:121176Durchsuche

In diesem Artikel werden hauptsächlich der JS-Anti-Refresh-Countdown-Code und der JS-Countdown-Implementierungscode ausführlich vorgestellt, die einen bestimmten Referenzwert haben.

Aktuelle Wartungsprüfungen System, ich habe versehentlich darauf geklickt Die Schaltfläche „Aktualisieren“ während des Prüfungstests, aber der Countdown oben war nicht betroffen. Es gibt auch solche Beispiele in mehreren Blogs, daher möchte ich sehen, wie sie die Aktualisierung verhindert.

Wenn es in CS-Code geschrieben ist, können wir schnell schreiben, wie wir die Aktualisierung verhindern können, aber wir müssen eine Front-End-Entwicklung durchführen, die Prüfung wird auf der Seite durchgeführt, hier müssen wir die von uns verwendeten JS verwenden gelernt.

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

Tatsächlich besteht die Hauptidee hier darin, dass wir die Zeit in eine Variable eingeben und nach der Aktualisierung die Daten aus der Variablen lesen können. Wir können Cookies auch verwenden, um die Startzeit zu speichern und das Cookie nach dem Aktualisieren zuerst auszulesen. Möglicherweise gibt es mehr als nur diese Methode. Ich hoffe, dass jeder eine bessere Möglichkeit zur Kommunikation hat.

Das obige ist der detaillierte Inhalt vonjs implementiert die Anzeige des Anti-Refresh-Countdown-Codes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Einführung in die Funktion von JavaScript mit FileReader zum Vervollständigen des Hochladens und der Vorschau von BildernNächster Artikel：Einführung in die Funktion von JavaScript mit FileReader zum Vervollständigen des Hochladens und der Vorschau von Bildern

In Verbindung stehende Artikel

Mehr sehen