原生JavaScript利用setInterval的一个简单开始暂停的定时器
来源:互联网 发布:修音软件是什么 编辑:程序博客网 时间:2024/06/14 10:09
首先我们先来看看效果(图片自理)
下面看一下DOM
<body> <table> <tr> <td> <img src="number/0.bmp" id="imgLeft"> </td> <td> <img src="number/0.bmp" id="imgRight"> </td> </tr> <tr> <td> <input type="button" value="开始" id="start" onclick="doStart()"> </td> <td> <input type="button" value="停止" id="stop" onclick="doStop()" disabled> </td> </tr> </table></body>
然后就是js代码,并没有style样式
<script type="text/javascript"> var timer; var r=0; var l=0; function doStart(){ $("start").disabled=true; $("stop").disabled=false; timer=setInterval(go,100); } function go(){ r++; if(r>9){ r=0; l++; } if(l>9){ l=0; } $("imgRight").src="number/"+r+".bmp"; $("imgLeft").src="number/"+l+".bmp"; } function doStop(){ $("start").disabled=false; $("stop").disabled=true; clearInterval(timer); } function $(id){ return document.getElementById(id); } </script>
阅读全文
2 0
- 原生JavaScript利用setInterval的一个简单开始暂停的定时器
- 【javascript】setInterval定时器的问题
- 简单的定时器(setInterval)
- 分享一个自己利用javascript中的window.setInterval()定时器实现页面背景图片变换的特效(同时淡入淡出效果)
- 12、JavaScript中定时器setInterval()的用法
- javascript的定时器setTimeout()和setInterval()
- 定时器的简单示例(setInterval clearInterval)
- 定时器setInterval的执行
- 简单开始,暂停,继续的倒计时实现
- 利用javascript实现原生简单ajax的方法。
- Javascript的setTimeOut()和setInterval()的定时器用法
- 分享一个自己利用javascript中的window.setInterval()定时器实现页面背景图片淡入淡出效果
- 一个简单关于动画的暂停和开始操作的处理
- 一个简单的定时器
- 一个简单的定时器
- js写了一个关于时间的定时器setinterval
- 如何利用多线程写一个简单的定时器?
- js定时器setInterval()的使用
- 【虚树+LCA】
- securecrt工具介绍
- thinkphp 记录系统日志,跨模块调用公用方法
- 彻底删除eclipse
- 基础整理-数组
- 原生JavaScript利用setInterval的一个简单开始暂停的定时器
- 前端基础知识——HTML(二 )
- JEESZ-Redis分布式缓存安装和使用
- HTML5追加localStorage
- My solution to cs224n assignment1(1-2)
- android ConcurrentHashMap的使用
- Metasploit用户接口(MSF终端、MSF命令行、Armitage)
- (1)loadrunner性能术语和分类
- APP