JS 页面计时器示例代码


Posted in Javascript onOctober 28, 2013
<html> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<head> 
<script type="text/javascript"> 
var c=0 
var t 
function timedCount() 
{ 
document.getElementById('txt').value=c 
c=c+1 
t=setTimeout("timedCount()",1000) 
} 
function stopCount() 
{ 
clearTimeout(t) 
} 
</script> 
</head> 
<body> 
<form> 
<input type="button" value="开始计时!" onClick="timedCount()"> 
<input type="text" id="txt"> 
<input type="button" value="停止计时!" onClick="stopCount()"> 
</form> 
<p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时,从 0 开始。点击“停止计时”按钮可以终止计时。</p> 
<p>timedCount(),1000ms自己调自己。</p> 
</body> 
</html>
Javascript 相关文章推荐
javascript json 新手入门文档
Dec 03 Javascript
jquery和javascript的区别(常用方法比较)
Jul 04 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
js如何判断不同系统的浏览器类型
Oct 28 #Javascript
使用js的replace()方法查找字符示例代码
Oct 28 #Javascript
js中的replace方法使用介绍
Oct 28 #Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 #Javascript
javascript抖动元素的小例子
Oct 28 #Javascript
replace()方法查找字符使用示例
Oct 28 #Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 #Javascript
You might like
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
如何使用php判断服务器是否是HTTPS连接
2013/07/05 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
php事件驱动化设计详解
2016/11/10 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
Prototype Date对象 学习
2009/07/12 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
浅析vue数据绑定
2017/01/17 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
2017/10/21 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
2020/10/13 Javascript
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
python3实现单目标粒子群算法
2019/11/14 Python
python序列化与数据持久化实例详解
2019/12/20 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
python实现飞行棋游戏
2020/02/05 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
制药工程专业毕业生推荐信
2013/12/24 职场文书
大学生社会实践方案
2014/05/11 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
漫画「狩龙人拉格纳」公开TV动画预告图
2022/03/22 日漫