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:121207parcourir

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

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Introduction à la fonction de JavaScript utilisant FileReader pour terminer le téléchargement et la prévisualisation des imagesArticle suivant：Introduction à la fonction de JavaScript utilisant FileReader pour terminer le téléchargement et la prévisualisation des images

Articles Liés

Voir plus