首页 > 代码库 > setTimeout的应用
setTimeout的应用
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <script type="text/javascript"> 7 var timer; //全局变量 8 var i=0; //变量初始化，全局变量 9 //定义函数：开始计时 10 function start() 11 { 12 //获取id=result的对象 13 var obj = document.getElementById("result"); 14 var str = "该程序已经运行了"+i+"秒！"; 15 i++; //展开 i=i+1 16 //将变量str的内容写入到id=result中去 17 obj.value = str; //给表单元素加内容，一般用value属性 18 //除表单外的其它标记用JS写内容，使用innerHTML 19 20 //设置延时器 21 timer = window.setTimeout("start()",10); 22 } 23 //定义函数：停止计时 24 function stop() 25 { 26 window.clearTimeout(timer); 27 } 28 29 </script> 30 </head> 31 32 <body> 33 <input type="button" id="result" value="该程序已经运行了0秒！" /><br /> 34 <input type="button" onclick="start()" value="开始" /> 35 <input type="button" onclick="stop()" value="停止" /> 36 </body> 37 </html>
效果图:
点击开始之后:
setTimeout的应用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。