一、setTimeout只在指定时间后执行一次,用于延迟执行某方法或功能
//只执行一次
var t1 = window.setTimeout(function hello(){
alert("你好");
},2000);
//去掉定时器的方法
window.clearTimeout(t1);
二、setInterval以指定时间为周期循环执行
//按周期循环执行
var t2 = window.setInterval(function hello(){
alert("你好");
},3000);
//清除定时器的方法
window.clearInterval(t2);
三、 用定时器切换元素背景颜色
实现每隔1秒,item元素背景颜色在red和green之间切换
<div id="item"></div>
<script>
var Item = document.getElementById("item");
funRed();
function funRed(){
Item.style.backgroundColor = "red";
setInterval(funGreen,1000);
}
function funGreen(){
Item.style.backgroundColor = "green";
setInterval(funRed,1000);
}
</script>