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==''){ 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 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!