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读取ASP设定的COOKIE
Nov 24 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 Javascript
微信小程序静默登录的实现代码
Jan 08 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脚本的10个技巧(7)
2006/10/09 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
javascript实现显示和隐藏div方法汇总
2015/08/14 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python实现网站注册验证码生成类
2017/06/08 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
如何在 Django 模板中输出 &quot;{{&quot;
2020/01/24 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
生产部统计员岗位职责
2014/01/05 职场文书
自荐信格式简述
2014/01/25 职场文书
工作态度检讨书
2014/02/11 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
Spring整合Mybatis的全过程
2021/06/28 Java/Android