jQuery实现layer.open中按钮倒计时读秒可用的协议阅读场景
// 使用jQuery和layer.open实现按钮倒计时
function countdownButton(duration, callback) {
var timer = duration;
var interval = setInterval(function() {
if (timer <= 0) {
clearInterval(interval);
callback();
} else {
// 更新按钮上的显示文本
$('.countdown-btn').attr('disabled', true).val(timer + '秒');
timer--;
}
}, 1000);
}
// 使用示例
$(function() {
$('.countdown-btn').click(function() {
countdownButton(10, function() {
$('.countdown-btn').val('已发送').attr('disabled', false);
});
});
});
这段代码定义了一个countdownButton
函数,它接受一个时长duration
和一个回调函数callback
作为参数。函数内部使用setInterval
设置一个倒计时,倒计时结束时执行回调函数。按钮上显示的文本会随着倒计时的进行而更新,并且在倒计时结束后按钮会变为可用状态。这个实现可以直接应用于需要实现按钮倒计时功能的场景中。
评论已关闭