Heim  >  Artikel  >  Web-Frontend  >  js Anti-Refresh-Countdown-Code js Countdown-Code

js Anti-Refresh-Countdown-Code js Countdown-Code

韦小宝
韦小宝Original
2018-01-25 11:00:092116Durchsuche

Dieser Artikel stellt hauptsächlich den js-Anti-Refresh-Countdown-Code für alle vor. Der js-Countdown-Implementierungscode hat einen bestimmten Referenzwert. Freunde, die sich für js interessieren, können auf diesen Artikel verweisen.

Ich habe die Prüfung beibehalten System vor kurzem, und ich habe während des Prüfungstests versehentlich auf die Schaltfläche „Aktualisieren“ geklickt, aber der Countdown oben war nicht betroffen. Es gibt auch solche Beispiele in mehreren Blogs, daher möchte ich einen Blick darauf werfen, wie das genau funktioniert Aktualisierung verhindern.

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 darin, dass wir die Zeit in eine

Variable einfügen. Nach der Aktualisierung können wir dann die Daten aus der Variablen lesen. Wir können auch Cookie verwenden, um die Startzeit zu speichern und das Cookie nach dem Aktualisieren zuerst zu lesen. Möglicherweise gibt es mehr als nur diese Methode. Ich hoffe, dass jeder eine bessere Möglichkeit zur Kommunikation hat.

Verwandte Empfehlungen:


Javascript-Countdown-Effektcode, der den Aufruf von Parametern_Zeit und Datum erleichtern kann

Javascript-Countdown Code_Uhrzeit und Datum

Implementierungscode für die Javascript-Countdown-Funktion

Das obige ist der detaillierte Inhalt vonjs Anti-Refresh-Countdown-Code js Countdown-Code. 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