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 String对象扩展HTML编码和解码的方法
Jun 02 Javascript
jQuery 开天辟地入门篇一
Dec 09 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
Jan 20 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 Javascript
基于JavaScript实现随机点名器
Feb 25 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中使用Imagick实现各种图片效果实例
2015/01/21 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
为你总结一些php信息函数
2015/10/21 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
js中apply方法的使用详细解析
2013/11/04 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
angular实现表单验证及提交功能
2017/02/01 Javascript
Javascript继承机制详解
2017/05/30 Javascript
JavaScript实现快速排序的方法分析
2018/01/10 Javascript
vue axios请求拦截实例代码
2018/03/29 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
SQL Server提供的3种恢复模型都是什么? 有什么区别?
2012/05/13 面试题
《望洞庭》教学反思
2014/02/16 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
80后婚前协议书范本
2014/10/24 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS