Rumah > hujung hadapan web > tutorial js > Javascript中的定时器

Javascript中的定时器

autoload
Lepaskan: 2021-04-12 15:57:53
asal
2402 orang telah melayarinya

2021041215342352822.jpg

    Javascript中有两种定时器,分别是setInterval()setTimeout(),两者都是定时器,但是二者却又各有不同,本文就带大家一起了解这两种定时器。

1.setTimeout()

    设置计时器

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

    </script>
Salin selepas log masuk

清除计时器

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

      
    </script>
</body>
Salin selepas log masuk

2.setInterval()

设置计时器

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

清除计时器

<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>
Salin selepas log masuk

 推荐:《2021年js面试题及答案(大汇总)

Atas ialah kandungan terperinci Javascript中的定时器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan