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支持firefox,ie7页面布局拖拽效果代码
Dec 20 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
Oct 25 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 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也可以?成Shell Script
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
基于php缓存的详解
2013/05/15 PHP
PHP实现根据银行卡号判断银行
2015/04/29 PHP
7个鲜为人知却非常实用的PHP函数
2015/07/01 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
JavaScript的document对象和window对象详解
2010/12/30 Javascript
JQuery onload、ready概念介绍及使用方法
2013/04/27 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
javascript实现日历效果
2019/06/17 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
Python线性回归实战分析
2018/02/01 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
无工作经验者个人求职信范文
2013/12/22 职场文书
年度考核自我评价
2014/01/25 职场文书
课外活动总结
2015/02/04 职场文书
自荐信格式范文
2015/03/04 职场文书
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫