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 相关文章推荐
a标签click和href执行顺序探讨
Jun 23 Javascript
js实现星星打分效果的方法
Jul 05 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
JavaScript实现猜数字游戏
May 20 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 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获取文件大小的方法
2014/02/26 PHP
php中动态修改ini配置
2014/10/14 PHP
PHP使用 Pear 进行安装和卸载包的方法详解
2019/07/08 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
基于jquery的页面划词搜索JS
2010/09/14 Javascript
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
javascript关于继承解析
2016/05/10 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
Python字符串切片操作知识详解
2016/03/28 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
python中如何写类
2020/06/29 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
物流管理专业大学生自荐信
2013/10/04 职场文书
大专计算机个人求职的自我评价
2013/10/21 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
中班中秋节活动反思
2014/02/18 职场文书
委托书格式
2014/08/01 职场文书
数学教师个人工作总结
2015/02/06 职场文书
退伍军人感言
2015/08/01 职场文书
导游词之神仙居景区
2019/11/15 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
Python 实现定积分与二重定积分的操作
2021/05/26 Python
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL