时钟案例

<div id="dv1"></div>
<div id="dv2"></div>
<button id="btn1">停止</button>
<button id="btn2">继续</button>
<script src="common.js"></script>
<script>
//定义时间的函数
function clock() {
    //获取当前的时间对象
    var dt=new Date();
    var year = dt.getFullYear();
    var month = dt.getMonth();
    var day = dt.getDate();
    var week = dt.getDay();
    var h = dt.getHours();
    var m = dt.getMinutes();
 	   var s = dt.getSeconds();


     var weekArr=["天","一","二","三","四","五","六"]
 	   var monArr=["一","二","三","四","五","六","七","八","九","十","十一","十二"]
	    //封装补位的函数
      function buwei(i){
   	     i=i<10?"0"+i:i;
 	       return i;
    	}
	     my$("dv1").innerHTML = year+"年"+monArr[month]+"月"+buwei(day)+"日    星期"+weekArr[week]
      my$("dv2").innerHTML=buwei(h)+":"+buwei(m)+":"+buwei(s);
   }
    clock();
  //添加定时器
var t= setInterval(clock,1000);

//点击清除
  my$("btn1").onclick=function () {
        clearInterval(t)
}
 	  //点击继续
  my$("btn2").onclick=function () {
       clearInterval(t)

      t=setInterval(clock,1000)
    }
</script>