设置按钮倒计时离开页面停止计时(jquery版复制可用)

var timer;
// 设置多少秒后可以点击
var timeout = 30;
// 监听用户是否在当前界面内
document.addEventListener("visibilitychange", function(){
    if (timeout > 0) {
        if (document.hidden) {
            clearInterval(timer);
        } else {
            get_download_btn();
        }
    }
});

// 进入后开始执行定时
get_download_btn('设置下载按钮');

/**
 * 定时按钮操作
 */
function get_download_btn(ElementObject) {
    timer = setInterval(function () {
        timeout--;
        if (timeout == -1) {
            // 使按钮可点击
            $(ElementObject).css('pointer-events', 'auto');
            // 设置按钮点击时自定义内容
            $(ElementObject).html('点击下载');
            clearInterval(timer);
        }else {
            // 使按钮禁止点击
            $(ElementObject).css('pointer-events', 'none');
            // 设置按钮不可点击时自定义内容
            $(ElementObject).html('暂时无法点击');
        }
    }, 1000);
}

给TA打赏
共{{data.count}}人
人已打赏
技术专区

redis 集群配置

2021-11-20 10:28:20

技术专区

Centos7 GCC版本过低无法编译怎么解决呢?

2022-5-1 14:31:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索