js 实现60秒倒计时

原创于 2020-10-30 09:43:09 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

98 篇文章

订阅专栏

本文介绍了前端使用JavaScript实现倒计时功能的代码示例，包括DOM元素结构和JS逻辑。当点击按钮时，会启动一个60秒的倒计时，每隔1秒更新页面上的时间显示，倒计时结束后自动重置为60秒。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.dom元素

<div class="box">
	<h2>剩余时间：<span class="clock">60</span>秒</h2>
</div>
<button>点击</button>

2.js 代码

var timeClock;
function sendCode() {
    var timer_num = 60;
    timeClock=setInterval(function(){
        timer_num--;
        $('.clock').html(timer_num);
       
        if (timer_num == 0) {
            clearInterval(timeClock);
            $('.clock').html(60);
        } 
    },1000)
 
}
$("button").click(function(){
	sendCode();
})