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 相关文章推荐
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
js静态方法与实例方法分析
Jul 04 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
js中的数组对象排序分析
Dec 11 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 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
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
2014/08/23 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
PHP设计模式之注册树模式分析
2018/01/26 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
文字幻灯片
2006/06/26 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
redux-saga 初识和使用
2018/03/10 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python实现的异步代理爬虫及代理池
2017/03/17 Python
python学习教程之使用py2exe打包
2017/09/24 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
python实现各种插值法(数值分析)
2019/07/30 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
开学典礼决心书
2014/03/11 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
英语邀请函范文
2015/02/02 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python