本站承诺永不接任何虚假欺骗、联盟广告、弹窗广告、病毒广告、诱导充值等影响用户体验的广告,广告屏蔽插件会影响本站部分功能,还请不要屏蔽本站广告,感谢支持!

当前位置:首页 / 正文

2075

js限制button十秒内不能重复点击

编程技术 | WangTwoThree | 2019-10-29 | 等你评论 | 0 次点赞

js限制button十秒内不能重复点击

<html>
<body>
<input type="button" value="按钮" id="btn"/>
</body>
<script>
var wait = 10;
    document.getElementById("btn").onclick = function() {
        time(this);
        alert("十秒后解除点击限制!");
    }
    function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");
            wait = 10;
        } else {
            o.setAttribute("disabled", true);
            wait--;
            setTimeout(function() {
                time(o)
            }, 1000)
        }
    }
</script>
</html>

猜你喜欢

暂无评论

有话要说

tips:首次评论须经过审核才会显示,请不要重复提交
本页二维码

扫码手机打开

浏览TOP5
热门标签
点赞TOP5
最新评论
别人在看