ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript のタイマー

JavaScript のタイマー

autoload
autoloadオリジナル
2021-04-12 15:57:532377ブラウズ

JavaScript のタイマー

Javascriptt には、setInterval()setTimeout() という 2 つのタイマーがあります。両方ともこの記事では、これら 2 つのタイマーについて説明します。

1.setTimeout()

タイマーを設定します

 <script>
        setTimeout(setTime,2000);
        function setTime(){
             alert("2秒时间到了");
        }

    </script>

タイマーをクリアします

<body>
    <button>按钮2</button>
    <script>
        const btn=document.querySelector("button");
        let set=setTimeout(() => {
            alert("已经过去三秒了");
        }, 3000);
        btn.addEventListener("click",(e)=>{
            clearTimeout(set);
        });

      
    </script>
</body>

2.setInterval()

タイマーを設定します

<script>
        setInterval(setInter, 3000);
        function setInter(){
             console.log("我被周期性3s时间打印");
        }
    </script>

タイマーをクリアします

<body>
    <button>按钮1</button>
    <script>
        const btn=document.querySelector("button");
        let set=setInterval(setInter, 3000);
        btn.onclick=(e)=>{
            clearInterval(set);
        };
        function setInter(){
             console.log("我被周期性3s时间打印");
        }
    </script>
</body>

推奨: "2021 JS インタビューの質問と回答 (大要約)"

以上がJavaScript のタイマーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。