循环 date math(js)_jsdate循环执行-CSDN博客

本文链接：https://blog.csdn.net/weixin_45732235/article/details/123481318

看大佬文章自己也敲了一遍对js的循环 Math Date又复习了一遍
循环实例
 Date总结以及实例
 Math总结以及实例

❤️循环

💙Math实例

💛Date

☀️循环

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>loop test</title>
</head>
<body>
  
  <script>

    // 打印5行5列星星
    var str = '';
    // 行
    for(let i = 0; i < 5; i ++) {
      // 列
      for(let j = 0; j < 5; j ++) {
        str += '☆';
      }
      str += '\n';
    }
    console.log(str);

    // 打印倒三角形
    var str2 = '';
    for(let i = 1; i <= 10; i ++) {
      for(let j = i; j <= 10; j ++) {
        str2 += '☆';
      }
      str2 += '\n';
    }
    console.log(str2);

    // 打印九九乘法表
    var str3 = '';
    for(let i = 1;i <= 9; i++) {
      for(let j = 1; j <= i; j ++) {
        str3 += j + 'x' + i + '=' + j * i + '\t';
      }
      str3 += '\n';
    }
    console.log(str3);
  </script>
</body>
</html>

☁️Math实例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 求两个数之间生成随机整数的小算法
    function getRandom(min,max) {
      return Math.floor(Math.random() * (max - min)) + min;
    }
    console.log(getRandom(1,10));

    // 随机点名
    var arr = [
      '时代少年团','刘耀文','严浩翔','宋亚轩','丁程鑫','贺峻霖','张真源','马嘉祺',
      'NINEPERCENT','蔡徐坤','陈立农','范丞丞','黄明昊','王子异','朱正廷','王琳凯','林彦俊','尤长靖'
    ];
    console.log('随机点中了：' + arr[getRandom(0,arr.length - 1)]);
  </script>
</body>
</html>

✨Date

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Date</title>
</head>
<body>
  
  <script>

    // 格式化日期 年月日
    var d = new Date();  // 实例化一个日期对象
    var year = d.getFullYear();  
    var month = d.getMonth() + 1;
    month = month < 10 ? '0' + month : month;
    var dates = d.getDate();
    dates = dates < 10 ? '0' + dates : dates;
    var day = d.getDay(); // 返回0-6 对应星期天-星期六

    var day_arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
    console.log('今天是：' + year + '年' + month + '月' + dates + '日' +day_arr[day] );

    // 格式化时分秒

    // function getTime() {
    //   var d = new Date();
    //   var hours = d.getHours();
    //   hours = hours < 10 ? '0' + hours : hours;
    //   var minutes = d.getMinutes();
    //   minutes = minutes < 10 ? '0' + minutes : minutes;
    //   var seconds = d.getSeconds();
    //   seconds = seconds < 10 ? '0' + seconds : seconds;
    //   return hours + ':' + minutes + ':' + seconds;
    // }

    // console.log(getTime());

    // 获取时间戳 时间错表示的是从1970年1月1号到当前时间总的毫秒数
    var time = new Date();
    console.log(time.valueOf());
    console.log(time.getTime());

    // 简单写法
    var time1 = +new Date();
    console.log(time1);

    // 新增写法
    console.log(Date.now());

    // 网页倒计时核心算法
    /*
      1）核心算法：输入的时间减去现在的时问就是剩余的时问，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的。
      2）用时间载来做。用户输入时间总的老秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。
      3）把剩余时间总的毫秒数化为秒然后转换为天、时、分、秒（时间转换为时分秒）

      转换公式下：
      d = parselnt （总秒数／60/60/24);        计算天数
      h = parselnt （总秒数／60/60%24);        计算小时
      m = parselnt （总秒数／60%60);        计算分数
      s = parselnt （总秒数％60);        计算当前秒数*/

      function countTime(time) {
        var currentTime = +new Date();
        var inputTime = +new Date(time);
        // 相减得到剩余的毫秒数 除以1000为秒数
        var times = (inputTime - currentTime) / 1000;

        var d = parseInt(times / 60 / 60 / 24);
        d = d < 10 ? '0' + d : d;
        var  h = parseInt(times / 60 / 60 % 24);
        h = h < 10 ? '0' + h : h;
        var m = parseInt(times / 60 % 60);
        m = m < 10 ? '0' + m : m;
        var s = parseInt(times % 60);
        s = s < 10 ? '0' + s : s;
        return d + 'day' + h + '时' + m + '分' +  s + '秒';
      }

      console.log(countTime('2022-03-15 18:00:00'));

  </script>
</body>
</html>