JS獲取當前時間前7天日期、後7天日期、獲取任意時間

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>日期操作</title>
    <script>
        function getDate(){
         var date = new Date();
         var base = new Date(date).getTime();
         var oneDay = 24 * 3600 * 1000;
         var date = [];
         var data = [Math.random() * 300];
         var time = new Date(base);
         date.push([time.getFullYear(), time.getMonth() + 1, time.getDate()].join('/'));
         for (var i = 1; i <7; i++) {//控制需要的天數
             var now = new Date(base -= oneDay); //這裏控制往前一週還是往後一週
             date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'));
             data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]));
         }
         var newdate = date.reverse(); //往後一週的話需要將數組倒敘,完後不需要
         console.log(newdate);
         console.log(newdate[0]);//需要哪天直接下標取就行了

          //數據插入table顯示,可忽略
          var str = "";
          for (let i = 0; i < newdate.length; i++) {
              str += '<tr>' + newdate[i] + '</tr></br>';
          };
          console.log(str);
          document.getElementById("time").innerHTML = str;//拼接完字符串數組後用innerHTML把它渲染到頁面中
         }
    </script>
</head>
<body>
  <button id="Timer" onclick="getDate()">獲取任意時間(此處獲取前7天時間)</button>
  <table id="time">
  </table>
</body>
</html>

轉載請註明轉自:https://leejason.blog.csdn.net/article/details/106808647

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章