code de compte à rebours anti-rafraîchissement js code de compte à rebours js-js tutoriel-php.cn

code de compte à rebours anti-rafraîchissement js code de compte à rebours js

韦小宝

Libérer： 2018-01-25 11:00:09

original

2172 Les gens l'ont consulté

Cet article présente principalement le code du compte à rebours anti-rafraîchissement js pour tout le monde. Le code d'implémentation du compte à rebours js a une certaine valeur de référence. Les amis intéressés par js peuvent se référer à cet article

Je maintenais l'examen. système récemment, et j'ai accidentellement cliqué sur 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 jeter un œil à comment ça se passe exactement. empêcher le rafraîchissement.

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==&#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>

Copier après la connexion

En fait, l'idée principale ici est que l'on met l'heure dans une variable Après rafraîchissement, on peut ensuite lire les données de la variable. Nous pouvons également utiliser un cookie pour enregistrer l'heure de début et lire d'abord le cookie 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.

Recommandations associées :

Code d'effet de compte à rebours javascript, qui peut faciliter l'appel des paramètres_heure et date

Compte à rebours Javascript Code_Time et Date

Code d'implémentation de la fonction de compte à rebours javascript

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!