Maison > Article > interface Web > JS implémente une minuterie
JS implémente une minuterie
- 小云云original
- 2018-03-27 17:26:111415parcourir
Cet article partage principalement avec vous l'implémentation de timer en JS, principalement sous forme de code j'espère qu'il pourra vous aider.
Description du problème : Exécuter un événement régulièrement
Résoudre principalement le problème du redémarrage
html
<body>
<button id="btn1">start</button>
<button id="btn2">stop</button>
</body>script
<script>
window.addEventListener('load', my_timer, false);
function my_timer() {
let start = document.getElementById("btn1");
let stop = document.getElementById("btn2");
//计时函数
let timer = null;
let eleClock = function () {
timer = setInterval(
function () {
console.log(new Date())
},
1000
);
};
//点击start按钮，开始定时器
start.onclick = function () {
//do something
eleClock();
};
//点击stop按钮，停止定时器
stop.addEventListener('click', function () {
//do something
window.clearInterval(timer);
}, false);
}
</script>Recommandations associées :
Implémentation JS de la méthode de minuterie d'animation
Explication détaillée de la minuterie JavaScript
Minuterie JavaScript approfondie
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：Explication détaillée du paginateur jsArticle suivant：Explication détaillée du paginateur js