jquery 实现倒计时60秒
warning:
这篇文章距离上次修改已过192天,其中的内容可能已经有所变动。
使用jQuery实现一个60秒倒计时的简单代码如下:
HTML部分:
<div id="timer">60</div>
JavaScript部分(jQuery):
$(document).ready(function(){
var count = 60;
var timer = setInterval(function(){
$('#timer').text(count);
if(count <= 0){
clearInterval(timer);
// 这里可以添加倒计时结束时的逻辑
}
count--;
}, 1000);
});
确保在HTML中引入了jQuery库。这段代码会在页面加载完成后开始一个60秒倒计时,并在页面上显示剩余的秒数。当计数减少到0时,清除计时器,并可以在此处添加需要执行的代码。
评论已关闭