js获取当前时间，日期，星期

最新推荐文章于 2024-08-08 08:00:13 发布

是我呀！！！

最新推荐文章于 2024-08-08 08:00:13 发布

阅读量610

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_49001056/article/details/114008938

版权

js获取当前时间，日期，星期

效果展示
1.js文件写入

 function formatTime(time, fmt) {
        if (!time) return "";
        else {
          const date = new Date(time);
          const o = {
            "M+": date.getMonth() + 1,
            "d+": date.getDate(),
            "H+": date.getHours(),
            "m+": date.getMinutes(),
            "s+": date.getSeconds(),
            "q+": Math.floor((date.getMonth() + 3) / 3),
            S: date.getMilliseconds()
          };
          if (/(y+)/.test(fmt))
            fmt = fmt.replace(
              RegExp.$1,
              (date.getFullYear() + "").substr(4 - RegExp.$1.length)
            );
          for (const k in o) {
            if (new RegExp("(" + k + ")").test(fmt)) {
              fmt = fmt.replace(
                RegExp.$1,
                RegExp.$1.length === 1
                  ? o[k]
                  : ("00" + o[k]).substr(("" + o[k]).length)
              );
            }
          }
          return fmt;
        }
      }

2.页面应用

var weekday = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
      var dateDay, dateYear, dateWeek;
      function timeFn() {
        setInterval(() => {
          dateDay = formatTime(new Date(), "HH: mm: ss");
          dateYear = formatTime(new Date(), "yyyy-MM-dd");
          dateWeek = this.weekday[new Date().getDay()];
          document.getElementsByClassName("box")[0].innerHTML = dateYear+" "+dateDay+" "+dateWeek;
        }, 1000);
      }
      //调用方法
      timeFn()