JavaScript中的两种定时器

来源：互联网发布：node.js orm 编辑：程序博客网时间：2024/05/19 09:02

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>jsTime.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function count(){setTimeout("alert('hello,world');", 7000);//7秒后执行前面的语句(一次)}</script>  </head>    <body><input type="button" value="定时器" onclick="count()">  </body></html>

第二种方式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>jsTime2.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">        <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript">var num = 0;var interval = setInterval("count();",1000);//重复执行表达式function count(){document.getElementById("counter").innerHTML = num++;}function stop(){clearInterval(interval);//终止定时器alert("停止计时");}</script>  </head>    <body>    <div id="counter">0</div>        <input type="button" value="停止计时" onclick="stop();" >  </body></html>

0 0