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 相关文章推荐
常用jQuery选择器总结
Jul 11 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
JS实现数组深拷贝的方法分析
Mar 06 Javascript
angularjs请求数据的方法示例
Aug 06 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
详解Vue的ref特性的使用
Jan 24 Javascript
javascript自定义加载loading效果
Sep 15 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 curl获取301或302转向的网址问题的解决方法
2011/06/02 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
PHP云打印类完整示例
2016/10/15 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
JavaScript 调试器简介
2009/02/21 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
JS中实现replaceAll的方法(实例代码)
2013/11/12 Javascript
js和jquery设置disabled属性为true使按钮失效
2014/08/07 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
详解ES6中的let命令
2020/04/05 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
python根据出生年份简单计算生肖的方法
2015/03/27 Python
python直接访问私有属性的简单方法
2016/07/25 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
详解Python import方法引入模块的实例
2017/08/02 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
python getpass模块用法及实例详解
2019/10/07 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
python离线安装外部依赖包的实现
2020/02/13 Python
Django Form常用功能及代码示例
2020/10/13 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
大学生创业计划书
2014/08/14 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
2015年教师节慰问信
2015/03/23 职场文书