[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>
相关文章推荐
- [JS]视频总结-第二部分_JavaScript基础
- [JS]视频总结-第三部分_深入javascript
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Atitit.angular.js 使用最佳实践 原理与常见问题解决与列表显示案例 attilax总结
- 使用定时器限制点击按钮发送短信(附源码)--JavaScript小案例
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 基于Netty5.0高级案例二之WebSocket中关于使用ProtoBuf传输数据介绍js部分
- js中定时器使用总结
- Atitit.angular.js 使用最佳实践 原理与常见问题解决与列表显示案例 attilax总结
- JavaScript中使用JSON,即JS操作JSON总结
- javascript学习总结(三):如何较好的使用js。
- 一个js(javascript)使用案例
- Android 调用js,传对象到js里面使用addJavascriptInterface错误总结
- JavaScript:JS视频总结
- [Javascript]:JS创建对象方式、对象使用说明与常用内置对象总结
- JavaScript案例学习8–定时器的使用
- JavaScript学习总结(十九)——使用js加载器动态加载外部Javascript文件
- javascript学习总结之js使用技巧
- Atitit.angular.js 使用最佳实践 原理与常见问题解决与列表显示案例 attilax总结
- [JS]视频总结-第一部分_了解JavaScript