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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
javascript 面向对象继承
Nov 26 Javascript
js URL参数的拼接方法比较
Feb 15 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
js操作iframe兼容各种主流浏览器示例代码
Jul 22 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
Js为表单动态添加节点内容的方法
Feb 10 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
详解vue表单——小白速看
Apr 08 Javascript
如何管理Vue中的缓存页面
Feb 06 Vue.js
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实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
thinkphp实现附件上传功能
2017/05/26 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
js实现3D旋转效果
2020/08/18 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
简洁的十分钟Python入门教程
2015/04/03 Python
Python中优化NumPy包使用性能的教程
2015/04/23 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
美国女孩服装购物网站:Justice
2017/03/04 全球购物
世界排名第一的运动鞋市场:Flight Club
2020/01/03 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
爷爷追悼会答谢词
2014/01/24 职场文书
代理班主任的自我评价
2014/02/04 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
Python+Tkinter打造签名设计工具
2022/04/01 Python