js empêche le compte à rebours d'actualisation-js tutoriel-php.cn

js empêche le compte à rebours d'actualisation

php中世界最好的语言

Libérer： 2018-04-18 13:52:38

original

1680 Les gens l'ont consulté

Cette fois, je vais vous apporter js pour empêcher le compte à rebours de rafraîchissement. Quelles sont les précautions pour js pour empêcher le compte à rebours de rafraîchissement. Ce qui suit est un cas pratique, jetons un coup d'oeil.

S'il était écrit en code CS, nous pourrions rapidement écrire comment empêcher l'actualisation, mais nous devons faire du développement front-end et l'examen se déroule sur la page, donc le js que nous avons appris sera utilisé ici.

<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('注意，还有5分钟!');
--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 , et après rafraîchissement, on peut 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.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

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!