JavaScript 计时事件
2016-04-10 09:00
483 查看
(1) setTimeout() 未来的某时执行代码
var t=setTimeout(“javascipt语句”,毫秒)//第二个参数指示从当前起多少毫秒后执行第一个参数。
(2) clearTimeout() 取消settTimeout()
示例:
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>test</title>
</head>
<body>
<form>
<input type="button" value="开始计时"onclick="timeCount()"> <!-- 点击按键时调用函数timeCount();-->
<input type="text"id="txt">
<input type="button"value="reset" onclick="resetTime()"><!-- 点击按键时调用函数resetTime();-->
</form>
<script>
var c=0;
var t;
varele=document.getElementById("txt");
function timeCount(){ // 定义timeCount()函数,实现计数
ele.value=c;
c=c+1;
t=setTimeout("timeCount()",1000);
}
function resetTime(){ //定义resetTime()函数,清零
c=0;
setTimeout("ele.value=0",0)
clearTimeout(t);
}
</script>
</body>
</html>
var t=setTimeout(“javascipt语句”,毫秒)//第二个参数指示从当前起多少毫秒后执行第一个参数。
(2) clearTimeout() 取消settTimeout()
示例:
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>test</title>
</head>
<body>
<form>
<input type="button" value="开始计时"onclick="timeCount()"> <!-- 点击按键时调用函数timeCount();-->
<input type="text"id="txt">
<input type="button"value="reset" onclick="resetTime()"><!-- 点击按键时调用函数resetTime();-->
</form>
<script>
var c=0;
var t;
varele=document.getElementById("txt");
function timeCount(){ // 定义timeCount()函数,实现计数
ele.value=c;
c=c+1;
t=setTimeout("timeCount()",1000);
}
function resetTime(){ //定义resetTime()函数,清零
c=0;
setTimeout("ele.value=0",0)
clearTimeout(t);
}
</script>
</body>
</html>
相关文章推荐
- javascript文档对象模型DOM入门详解
- 使用 jsoup 下载图片
- 关于js 函数劫持
- 将.jsp文件放入Jsp文件夹后引发的404错误。
- tab选项卡
- javascript for循环条件 2个条件和 3个条件的区别
- js delete
- php javascript return 返回多个值 ,
- 对我们平台进行验收工作
- salesforce 零基础开发入门学习(十三)salesforce中JSON的使用
- js 声明变量
- js 对象动态属性
- 说说JSON和JSONP,也许你会豁然开朗
- js 复制变量
- [RxJS] Observables can throw errors
- 级联菜单导致的JSP页面异常
- 关于js封装框架类库之选择器引擎(一)
- ASP.NET MVC Bundles 用法和说明(打包javascript和css)
- Javascript实现苹果悬浮虚拟按钮
- javascript原生ajax写法分享