Maison > Article > interface Web > js implémente l'affichage du code de compte à rebours anti-rafraîchissement
js implémente l'affichage du code de compte à rebours anti-rafraîchissement
- 巴扎黑original
- 2017-09-07 11:41:121130parcourir
Cet article présente principalement en détail le code du compte à rebours anti-rafraîchissement JS et le code d'implémentation du compte à rebours JS, qui a une certaine valeur de référence. Les amis intéressés peuvent s'y référer
Système d'examens de maintenance récents, j'ai accidentellement cliqué. le bouton d'actualisation pendant le test d'examen, mais le compte à rebours ci-dessus n'a pas été affecté. Il existe également de tels exemples dans plusieurs blogs, je veux donc voir comment cela empêche l'actualisation.
S'il est écrit en code CS, nous pouvons écrire rapidement comment empêcher l'actualisation, mais nous devons faire du développement front-end, l'examen se déroule sur la page, ici nous devons utiliser le js que nous appris.
<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>En fait, l'idée principale ici est qu'on met l'heure dans une variable, et après rafraîchissement, on peut ensuite lire les données de la variable . Nous pouvons également utiliser des cookies pour stocker l'heure de début et lire le cookie d'abord après l'actualisation. Il existe peut-être plus que cette méthode. J'espère que tout le monde dispose d'une meilleure façon de communiquer.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!