JS网页时钟效果

第一个  

 var t = null;
    t = setTimeout(time,1000);//开始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML =  "如今的时间为："+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器，循环运行     
    } 

第二个vue 里用的方法

    getDate(){
      var today,hour,second,minute,year,month,date;
      var strDate ;
      today=new Date();
      var n_day = today.getDay();
      switch (n_day)
      {
          case 0:{
            strDate = "星期日";
          }break;
          case 1:{
            strDate = "星期一";
          }break;
          case 2:{
            strDate ="星期二";
          }break;
          case 3:{
            strDate = "星期三";
          }break;
          case 4:{
            strDate = "星期四";
          }break;
          case 5:{
            strDate = "星期五";
          }break;
          case 6:{
            strDate = "星期六";
          }break;
          case 7:{
            strDate = "星期日";
          }break;
      }
      year = today.getYear()+1900;
      month = today.getMonth()+1;
      date = today.getDate();
      hour = today.getHours();
      minute =today.getMinutes();
      if(minute<10){
        minute=0+""+minute;;
      }
      second = today.getSeconds();
      if(second<10){
        second=0+""+second;;
      }
      let time=year + "年" + month + "月" + date + "日  " + strDate +"   " + hour + ":" + minute + ":" + second;
     this.time=time
    },


//
    setInterval(()=>{
      this.getDate();
    },1000)