定时器setInterval(循环定时)
window.setInterval(code,millisec);
code:代码段
a. "正常js代码"
b. 函数名
millisec:时间间隔,单位是毫秒
定时器setTimeout(只有一次)
window.setTimeout(code,millisec);
code:代码段
a. "正常js代码"
b. 函数名
millisec:时间间隔,单位是毫秒
小练习----用setTimeout定时扩大正方形大小
<script type="text/javascript">
//设置加载事件
window.function(){
//设置定时
window.setTimeout(test,2000)
}
//
function test(){
//获取标签
var Element=document.getElementById("test");
//获取宽和高
var w=Element.style.width;
var h=Element.style.height;
//转换成int类型
w=parseInt(w);
h=parseInt(h);
//X2
w *=2;
h *=2;
//再次设置
Element.style.width=w+"px";
Element.style.height=h+"px";
}
</script>
小练习----定时弹出广告
<script type="text/javascript">
//设置加载事件
window.function (){
window.setTimeout(ad,2000);
}
//显示广告
function ad(){
//获取标签
var ad=document.getElementById("ad");
//设置成块级元素就显示出来了
ad.style.display="block";
//再设置一个定时器,隐藏广告
window.setTimeout(yincang,2000);
}
//隐藏广告
function yincang(){
//获取标签
var ad=document.getElementById("ad");
//设置dispaly为none值
ad.style.display="none";
}
</script>
<body>
//预设为隐藏
<img id="ad" src="../img/ad.jpg" width="100%" style="display: none;"/>
</body>
innerHTML:获取标签中的内容(<P>内容</P>)
小练习—定时更改标签中的内容
<script type="text/javascript">
window.function(){
window.setTimeout(test,2000);
}
function test(){
var test=document.getElementById("test");
test.innerHTML="再见";
}
</script>
<body>
<p id="test">你好</p>
</body>