Maison > interface Web > js tutoriel > le corps du texte

JS implémente une minuterie

小云云
Libérer: 2018-03-27 17:26:11
original
1477 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal