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

(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+" "+add0(hour)+":"+add0(minute)+":"+add0(seconds);


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

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


你可能感兴趣的:(前端开发)