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

本文介绍了如何使用JavaScript编写一个函数showTime,该函数能够实时显示包括年、月、日、星期、时、分、秒的当前时间,并且秒数会不断更新。通过设置定时器,实现了时间的动态变化,确保了显示的准确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值