JS实现显示当前时间，精确到秒

一时失言乱红尘 2022-09-26 01:45 328阅读 0赞

(1)显示“年月日时分秒”

//                自定义一个函数实现返回指定的日期格式

function getDate(dt)\{  
                      var year=dt.getFullYear();  
                      var month=addZero(dt.getMonth()+1);  
                      var day=addZero(dt.getDay());  
                      var honrs=addZero(dt.getHours());  
                      var minutes=addZero(dt.getMinutes());  
                      var seconds=addZero(dt.getSeconds());  
                      return year+"年"+month+"月"+day+"日"+honrs+"时"+minutes+"分"+seconds+"秒";  
                  \}  
//                  判断月、日、时、分、秒低于10前加0  
                 function addZero(n)\{  
                     return n<10?"0"+n:n;  
                 \}  
    //测试函数  
                 var dt=new Date();

console.log(getDate(dt));

（2）在指定位置显示“年月日星期几时分秒”，而且秒在不断变化的JS代码

//定义一个函数，显示目标时间

function showTime()\{  
        //定义时间变量对象mydate  
        var mydate=new Date();   
        //获取年、月+1、日  
var year=mydate.getFullYear();  
var month=mydate.getMonth()+1;  
var date=mydate.getDate();

//显示时间的HTML标签div和span  
var odiv=document.getElementById("div1");  
var otime=odiv.getElementsByTagName("span")\[0\];  
otime.innerHTML=year+"年"+add0(month)+"月"+add0(date)+"日";  
          //设置显示星期几的数组   
var weekday=new Array(7);  
weekday\[0\]="星期日";  
weekday\[1\]="星期一";  
weekday\[2\]="星期二";  
weekday\[3\]="星期三";  
weekday\[4\]="星期四";  
weekday\[5\]="星期五";  
weekday\[6\]="星期六";  
      //获取星期、时分秒  
var day=weekday\[mydate.getDay()\];  
var hour=mydate.getHours();  
var minute=mydate.getMinutes();  
var seconds=mydate.getSeconds();  
var otm=odiv.getElementsByTagName("span")\[1\];  
//当时分秒低于10时前面加0  
otm.innerHTML=day+"&nbsp;"+add0(hour)+":"+add0(minute)+":"+add0(seconds);

//设定定时器，使得时间不短刷新，动态变化  
setTimeout(showTime,500);  //注意此代码的位置  
        \}

//判断时分秒前是否加0的函数  
   function add0(m)\{  
     return m<10?'0'+m:m  
 \}