Heim > Artikel > Web-Frontend > js Anti-Refresh-Countdown-Code js Countdown-Code
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==''){ 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('注意,还有5分钟!'); --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!