setTimeout和setInterval用法

昵称28791158 2015-11-03

展开全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>

<body onload="startime();">
<div id="startime" style="height:40px; width:200px; border:1px solid red; text-align:center; line-height:40px;">00:00:00</div>
<input name="" type="button" value="开始" onclick="starzou();"/> <input name="" type="button" value="暂停" onclick="stopzou();"/>
<script>

//一种
/*function startime(){
   var day=new Date();
   var s=day.getHours();
   var h=day.getMinutes();
   var f=day.getSeconds();
   document.getElementById("startime").innerHTML=s+":"+h+":"+f;


   }
var st= window.setInterval("startime()",1000);
   function stopzou(){

      window.clearInterval(st);

       }
          function starzou(){

      st=window.setInterval("startime()",1000);

       }*/


//二种
var st;
var c=0;
   function startime(){
   var day=new Date();
   var s=day.getHours();
   var h=day.getMinutes();
   var f=day.getSeconds();
   document.getElementById("startime").innerHTML=s+":"+h+":"+f;

   c=setTimeout("startime()",1000);

   }

function stopzou(){

      window.clearInterval(c);

       }
          function starzou(){

      c=window.setInterval("startime()",1000);

       }

</script>
</body>
</html>