recherche

Maison >interface Web >js tutoriel >code de compte à rebours anti-rafraîchissement js code de compte à rebours js

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

韦小宝
韦小宝original
2018-01-25 11:00:092169parcourir

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>

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!

JavaScript Cookie JS
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：Explication détaillée des règles d'opérateur et exemples de conversion de type implicite en JavaScriptArticle suivant：Explication détaillée des règles d'opérateur et exemples de conversion de type implicite en JavaScript

Articles Liés

Voir plus