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下拉框选项单击事件的例子分享
Mar 04 Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
Aug 25 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
JS判断浏览器类型与操作系统的方法分析
Apr 30 Javascript
Vue 构造选项 - 进阶使用说明
Aug 14 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
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
Laravel使用消息队列需要注意的一些问题
2017/12/13 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
JavaScript判断DIV内容是否为空的方法
2016/01/29 Javascript
JS中Array数组学习总结
2017/01/18 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
详解React服务端渲染从入门到精通
2019/03/28 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python getopt模块使用实例解析
2019/12/18 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
python统计文章中单词出现次数实例
2020/02/27 Python
用Python进行websocket接口测试
2020/10/16 Python
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
JS原生实现轮播图的几种方法
2021/03/23 Javascript
秋季婚礼证婚词
2014/01/11 职场文书
个人授权委托书范本
2014/04/03 职场文书
餐饮投资计划书
2014/04/25 职场文书
记账会计岗位职责
2014/06/16 职场文书
房屋买卖协议样本
2014/11/16 职场文书
报案材料怎么写
2015/05/25 职场文书
护理心得体会范文
2016/01/22 职场文书
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
Python+pyaudio实现音频控制示例详解
2022/07/23 Python