js实现实时获取时间日期

<script>
 $(document).ready(function() {
      function updateDateTime() {
        var now = new Date();
        // 格式化日期
        var year = now.getFullYear();
        var month = (now.getMonth() + 1).toString().padStart(2, '0');
        var day = now.getDate().toString().padStart(2, '0');
        var hours = now.getHours().toString().padStart(2, '0');
        var minutes = now.getMinutes().toString().padStart(2, '0');
        // 获取星期
        var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var weekday = weekdays[now.getDay()];
        $('#datetime').text(`${year}-${month}-${day} ${hours}:${minutes}`);
        $('#week').text(weekday);
      }
      updateDateTime();
      setInterval(updateDateTime, 1000); // 每秒更新一次
    });
</script>

这个实现

  • 创建了 updateDateTime 函数来更新时间显示
  • 使用 padStart 确保月份、日期、小时和分钟都是两位数
  • 使用数组来获取正确的星期显示
  • 每1秒自动更新一次时间
  • 添加了 console.log 便于调试
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值