當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript定时器倒计时60S的使用
生活随笔
收集整理的這篇文章主要介紹了
JavaScript定时器倒计时60S的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- 啟用定時器 setInterval(function，毫秒數)
- 刪除定時器 clearInterval(定時器對象);
案例：
點擊按鈕后開始倒計時60s
倒計時期間禁用按鈕
計時結束后恢復按鈕
代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script></head><body><input type="button" value="點擊開始" id="btn"> </body><script>var time = 60;$("#btn").click(function() {$("#btn").prop("disabled", true)var t = setInterval(function() {if (time > 0) {$("#btn").val("請認真閱讀" + "(" + --time + ")秒");} else {clearInterval(t);$("#btn").val("再來一次");$("#btn").prop("disabled", false)time = 60;}}, 1000);}) </script> </html>總結
以上是生活随笔為你收集整理的JavaScript定时器倒计时60S的使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 正交矩阵的快速求法
- 下一篇： Smarty - 手册 - 第8章 自定