87,909
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
苏喂苏喂苏喂su 2019-02-02
- 打赏
- 举报
<body>
<button onclick="btn()">click</button>
<span id="span1">10</span>
<script>
let span1 = document.getElementById("span1");
let isClick = false;
function btn () {
let count = 10;
if (isClick == false) {
isClick = true;
let time = setInterval(function (){
count--
span1.innerHTML = count
if (count <= 0) {
clearInterval(time)
span1.innerHTML = "点击重新开始"
isClick = false
}
}, 1000)
}
}
</script>
</body>苏喂苏喂苏喂su 2019-02-02
- 打赏
- 举报
var 一个变量，赋值为false，计时开始时为true，判断下这个变量就可以了。
leon werth 2019-01-30
- 打赏
- 举报
这个问题的焦点在点击按钮防止连续点击，不在于倒计时，
所以我直接使用setTimeout来防止连续点击，而倒计时代码我就不参合了，
毕竟楼上这么多setInterval
leon werth 2019-01-30
- 打赏
- 举报
let setTime = null
exe()
function exe(){
if(setTime){clearTimeout(setTime)}
setTime = setTimeout(function(){
console.log("=======")
//你的代码
})
}
// 不建议弹出什么点击太频繁之类的提示框， 用户体验太差
tang871015 2019-01-30
- 打赏
- 举报
第一次点击后，将点击按钮设置为不可用 disabled=true
xiao_lone 2019-01-29
- 打赏
- 举报
把代码贴出来看看，也许是哪里写的不对
虎子8 2019-01-29
- 打赏
- 举报
setInterval轻松搞定
if (this.Querytime == 0) {
this.Querytime = 10;
const timer = setInterval(() => {
if (!this.Querytime) {
clearInterval(timer);
} else {
this.Querytime = this.Querytime - 1;
}
}, 1000);
} else {
this.$info(`操作太快啦，请${this.Querytime}秒~~`);
return;
}
qq_42543358 2019-01-19
- 打赏
- 举报
大哥，我用你这个算法，为什么秒数到0时，分钟会跳两分钟
qq_42543358 2019-01-18
- 打赏
- 举报
倒计时我是在买外面定时器定义了一个未来时间，定时器里面定义了当前时间。现在点击暂停按钮之后，等几秒再次点击开始按钮，倒计时的时间直接跳过了好几秒，刚开始刷新页面之后，等会再去点击开始，时间也会跳过去。求解
qq_42543358 2019-01-18
- 打赏
- 举报
倒计时我是在买外面定时器定义了一个未来时间，定时器里面定义了当前时间。现在点击暂停按钮之后，等几秒再次点击开始按钮，倒计时的时间直接跳过了好几秒，求解
丰云 2019-01-18
- 打赏
- 举报
设置一个公共变量，点击后判断这个变量，如果已经开始就不重复，如果没开始，就开始，并改变该变量的值
