setTimeout() -定时执行
myVar= window.setTimeout(function, milliseconds);
function:调用的函数 milliseconds:从当前起多少毫秒后执行第一个参数 setTimeout(function(){alert("Hello")},3000);
setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。
clearTimeout() -停止执行
clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。 window.clearTimeout(timeoutVariable)
window.clearTimeout() 方法可以不使用window 前缀。 要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:myVar=setTimeout("javascript function",milliseconds);
如果函数还未被执行,你可以使用 clearTimeout() 方法来停止执行函数代码。
<body>
<p>点击第一个按钮等待3秒后出现"Hello"弹框。</p>
<p>点击第二个按钮来阻止第一个函数运行。(你必须在3秒之前点击它)。</p>
<button onclick="myFunction()">点我</button>
<button onclick="myStopFunction()">停止弹框</button>
<script>
var myVar;
function myFunction(){
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction(){
clearTimeout(myVar);
}
</script>
</body>
const week = ['天', '一', '二', '三', '四', '五', '六'],
dom = document.getElementById("dateTxt"),
checkTime = i => (i < 10) ? `0${i}` : i; // 在小于10的数字前加一个‘0’
let today;
function startTime() {
today = new Date();
dom.innerHTML = `星期${week[today.getDay()]} :${checkTime(today.getHours())}:${checkTime(today.getMinutes())}:${checkTime(today.getSeconds())}`;
}
setInterval(startTime, 500); //循环计时
// 显示样式:星期五:10:12:21
setInterval()-定时循环执行
setInterval() 间隔指定的毫秒数不停地执行指定的代码 window.setInterval(function,milliseconds);
function:调用的函数 milliseconds:间隔的毫秒数 window.setInterval()
方法可以不使用 window 前缀,直接使用函数 setInterval()
。setInterval(function(){alert("Hello")},3000);
//每三秒弹出一个hello
<body>
<p>在页面显示一个时钟</p>
<p id="demo"></p>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
</script>
</body>
clearInterval() -停止执行
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。 window.clearInterval(intervalVariable)
window.clearInterval()
方法可以不使用window前缀,直接使用函数clearInterval()。要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:myVar = setInterval(function,milliseconds);
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){...}
function myStopFunction(){
clearInterval(myVar);
}
</script>