2、做一个全局变量,在定时器代码里增加个条件判断,只有全局变量为真才执行,否则不执行。
3、点击按钮时,将全局变量赋值为假,这样,定时器代码就不会再次执行了。
4、希望对你有帮助。
// html<div>当前时间为:<span id="timeNow"></span> </div>
<button id="timeBegin">计时开始</button>
<button id="timeEnd">计时结束</button>
<button id="timeClear">计时清除</button>
// Javascript
<script type="text/javascript">
//定义初始值 计时器
var count = 0
var timer = ""
//开始计时
function BeginTime(){
var beginBtn = document.getElementById("timeBegin")
beginBtn.onclick = function(){
timer = setInterval(function(){
count ++
document.getElementById("timeNow").innerHTML = count / 100
},10)
}
}
//结束计时
function EndTime(){
var endBtn = document.getElementById("timeEnd")
endBtn.onclick = function(){
clearInterval(timer)
}
}
//计时清除
function ClearTime(){
var clearBtn = document.getElementById("timeClear")
clearBtn.onclick = function(){
document.getElementById("timeNow").innerHTML = ""
}
}
BeginTime()
EndTime()
ClearTime()
</script>
// The Harder You Work, The Luckier You Will Be. (Jensonhui.com)
js中两种定时器的设置及清除
循环执行:
var timeid = window.setInterval(“方法名或方法”,“延时”)
window.clearInterval(timeid)
<script type="text/javascript">
$(document).ready(function(){ //循环执行,每隔1秒钟执行一次 1000 var
t1=window.setInterval(refreshCount, 1000)
function refreshCount() {
console.log("ready")
}
//去掉定时器的方法
window.clearInterval(t1)
})
</script>
2.定时执行:当方法执行完成定时器停止(但是定时器还在,只不过没用了)
var tmid = window.setTimeout(“方法名或方法”, “延时”)
window.clearTimeout(tmid)
<script type="text/javascript">
$(document).ready(function(){ //定时执行,5秒后执行
var t1=window.setTimeout(refreshCount, 1000 * 5) function refreshCount() {
console.log("ready")
} //去掉定时器的方法 window.clearTimeout(t1)
})
</script>