您的位置:首页 > Web前端 > JavaScript

[JS]视频总结-第四部分_JavaScript案例-定时器的使用

2014-06-06 08:11 721 查看
<!doctypehtml><html><head><metacharset="utf-8"><title>定时器</title><style>div{width:auto;height:100px;background:white;float:left;}#div1{position:absolute;background:#F00;height:100px;width:100px;left:0px;}/*#div2{background:#0F0;height:100px;width:100px;}#div3{background:#00F;height:100px;width:100px;}#div4{background:#FF0;height:100px;width:100px;}#div5{background:#0FF;height:100px;width:100px;}*/</style><script>window.onload=function(){setInterval(function(){varoDiv1=document.getElementById('div1');oDiv1.style.left=oDiv1.offsetLeft+20+'px';if(oDiv1.offsetLeft==1000){oDiv1.style.left=0+'px';}},100);};</script></head><body><div><divid='div1'></div><!--<divid='div2'></div><divid='div3'></div><divid='div4'></div><divid='div5'></div>--></div></body></html>


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: