标签:技术 html images 设置 写入 cte get 表单 back
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>
效果图:
点击开始之后:
标签:技术 html images 设置 写入 cte get 表单 back
原文地址:http://www.cnblogs.com/ChenGuoW/p/6160303.html