javascript定时器的简单应用示例【控制方块移动】

本文实例讲述了爪哇岛描述语言定时器的简单应用。分享给大家供大家参考，具体如下：

！titlewww.jb51.net定时器的应用/title style # Div1 { width : 100 px；高度： 100像素；绝对位置：背景-颜色：红色；top : 50px }/style/head dyinput id=' obt n1 ' type=' button ' value='铵钮div id=' Div 1 '/div脚本var oBtn=document。getelementbyid(' OBn 1 ')；var oDiv=文档。getelementbyid(' Div 1 ')；//var timer=null；//OdiV。timer=null奥宾。onclick=function(){ clearInterval(OdiV。计时器)oDiv。timer=setInterval(function(){ var speed=parsent(getStyle(oDiv，' left '))9；如果(速度800) {速度=800;} odiv。风格。left=speed ' px ' if(speed==800){ clearInterval(odiv。计时器)；//alert(速度)} }，50) }函数getStyle(obj，attr) { return obj.currentStyle？物体。current style[attr]: GetComputedstyle(obj)[attr]}/script/body/html运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码运行效果。

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。