循环 date math(js)

看大佬文章 自己也敲了一遍 对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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lalaxuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值