JavaScript 高级课程之定时器setInterval,clearInterval
来源:互联网 发布:做淘宝一个月赚10万 编辑:程序博客网 时间:2024/05/17 22:11
<!doctype html><html><head><meta charset="utf-8"><title>JavaScript 高级课程之定时器setInterval,clearInterval</title><style>#div1 { width:100px; height:100px; background-color:#005812; position:absolute}</style><script>window.onload = function(){ var oDiv = document.getElementById('div1'); var oInp = document.getElementById('inp1'); var timer = null; oInp.onclick = ac; function ac(){ clearInterval(timer); //先关后开,防止重复定时器 timer = setInterval(function (){ if(oDiv.offsetLeft >= 300){ clearInterval(timer); }else{ oDiv.style.left = oDiv.offsetLeft + 1 +'px'; } },30) }}</script></head><body><input type="button" value="移动" id="inp1"/><div id="div1"></div></body></html>
0 0
- JavaScript 高级课程之定时器setInterval,clearInterval
- JavaScript 高级课程之分享setInterval(),clearInterval(),onmouseover,onmouseout应用
- JavaScript 高级课程之分享setInterval(),clearInterval(),onmouseover,onmouseout应用(2_自动判断正负)
- JavaScript setInterval和clearInterval 定时器
- JS 定时器 setInterval、clearInterval
- javascript 之 定时器setInterval
- JavaScript中的setInterval、clearInterval用法
- JavaScript 的 setInterval 、settimeout 、clearInterval
- 定时器的简单示例(setInterval clearInterval)
- javascript中的setInterval和clearInterval方法
- window.setInterval做定时器和使用window.clearInterval()停止定时器
- setInterval&&clearInterval
- setInterval(),clearInterval
- setInterval(),clearInterval()
- js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
- javascript 定时器. setInterval 用法
- JavaScript 的数值转换 和计时器 setInterval clearInterval
- JavaScript之取消计时器clearInterval()
- Maven的作用
- Logistic回归---从疝气病症预测马的死亡率
- 操作系统的基本类型
- Cocoa层粒子发射器动画添加多个cell的一种重构
- 单例造成的内存泄漏
- JavaScript 高级课程之定时器setInterval,clearInterval
- OFDM原理
- HTML字符集
- 大数据SQL执行工具调研总结
- jiffies & HZ
- 行内元素与块级元素比较全面的区别和转换
- listview头部显示不出来的问题
- 算法导论第四章-分治策略-Cpp代码实现
- 错误The request sent by the client was syntactically incorrect ()的解决