// 定义一个变量来存储倒计时计时器
var timer;
// 在页面中创建一个用于显示倒计时的元素
var countdownElement = $('<p>倒计时:15秒</p>');
$('body').append(countdownElement);
// 启动倒计时计时器
timer = setInterval(function() {
var remainingSeconds = parseInt(countdownElement.text().match(/\d+/)[0], 10) - 1; // 获取剩余秒数并减少1
countdownElement.text('倒计时:' + remainingSeconds + '秒');
// 如果倒计时完成,清除计时器,并从页面中移除倒计时元素
if (remainingSeconds === 0) {
clearInterval(timer);
countdownElement.remove();
}
}, 1000); // 倒计时计时器的间隔是 1 秒(1000 毫秒)
使用 jQuery 来实现当点击 #Button 按钮时进行 15 秒的倒计时功能
最新推荐文章于 2023-12-13 17:24:28 发布