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 相关文章推荐
Array的push与unshift方法性能比较分析
Mar 05 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
href下载文件根据id取url并下载
May 28 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
May 12 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
JavaScript获取当前url路径过程解析
Dec 27 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
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
大学生志愿者感言
2014/01/15 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
教师个人考察材料
2014/12/16 职场文书
GoFrame框架数据校验之校验结果Error接口对象
2022/06/21 Golang