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

    xiaoxiao2022-06-30  54

    (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  }

    转载请注明原文地址: https://ju.6miu.com/read-1125570.html

    最新回复(0)