recherche

Maison >interface Web >js tutoriel >JS implémente une minuterie

JS implémente une minuterie

小云云
小云云original
2018-03-27 17:26:111495parcourir

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(&#39;load&#39;, 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(&#39;click&#39;, 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!

JavaScript 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 du paginateur jsArticle suivant：Explication détaillée du paginateur js

Articles Liés

Voir plus