JavaScript compte à rebours de l'ajout de début et de boutons de réinitialisation
Je veux utiliser ce qui suit pour faire le code de démarrage uniquement par la pression d'un bouton plutôt que le code de départ sur son propre quand le chargement de la page. ajout d'un bouton de réinitialisation.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var interval;
var minutes = 5;
var seconds = 10;
window.onload = function() {
countdown('countdown');
}
function countdown(element) {
interval = setInterval(function() {
var el = document.getElementById(element);
if(seconds == 0) {
if(minutes == 0) {
alert(el.innerHTML = "countdown's over!");
clearInterval(interval);
return;
} else {
minutes--;
seconds = 60;
}
}
if(minutes > 0) {
var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
} else {
var minute_text = '';
}
var second_text = seconds > 1 ? 'seconds' : 'second';
el.innerHTML = minute_text + ' ' + seconds + ' ' + second_text + ' remaining';
seconds--;
}, 1000);
}
</script>
</head>
<body>
<div id='countdown'></div>
</body>
</html>
OriginalL'auteur jennifer | 2011-03-19
Vous devez vous connecter pour publier un commentaire.
au lieu de onload utiliser cette
pour réinitialiser, utilisez ce
OriginalL'auteur strauberry
Le code qui déclenche le compte à rebours est ici:
au lieu de cela, vous pouvez effacer le et inline un bouton dans le contenu qui déclenche le compte à rebours avec un onclick comportement:
La minuterie est stocké dans votre
Pour l'arrêter, vous pouvez mettre dans un autre bouton qui appelle la fonction clearInterval(intervalle):
Pour réinitialiser, faire ce que les autres ont suggéré et stocker une nouvelle valeur dans l'minutes, secondes 🙂
OriginalL'auteur jbrookover
vous aurez besoin de deux boutons:
et le javascript pour eux:
exemple ici
OriginalL'auteur Teneff
Vous avez pour remettre les secondes à 59 ans, parce que sinon vous comptez 60 à deux reprises. Une fois le 0 et une fois avec de la 60.
OriginalL'auteur