js（日期对象加实例）

最新推荐文章于 2021-06-30 11:11:52 发布

原创最新推荐文章于 2021-06-30 11:11:52 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #html

js 专栏收录该内容

45 篇文章

订阅专栏

保存对代码的热爱并保存怀态度

日期对象 - 设置

创建日期对象时
- 参数是字符
  - new Date(字符参数)
  1. 超出上限日期，无效日期：Invalid Date
  2. 没有设置的部分：默认为0
  3. 关注月份：1~12
  4. 参数个数：1个
- 参数是数值
  - new Date(数值参数)
  1. 超出上限日期，向前进
  2. 没有设置的部分：默认为0
  3. 关注月份：0~11
  4. 参数个数：多个
创建日期对象后
- var d = new Date();
- 精准设置
  - d.set系列(数字);
- 设置时间戳
  - 主动设置从1970.1.1 0:0:0 过去了多少毫秒
  - d.setTime();
计算两个日期之间的差值
- 得到两个指定的日期
- 计算差值
  gettime（）

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>
  <style>
      #box{
          width: 500px;
          height: 500px;
          border-radius: 50%;
          border: 10px salmon solid;
          margin: auto;
          text-align: center;
          line-height: 500px;
      }
      #dd{
          line-height: 20px;
          width: 500px;
          height: 20px;
          border: 2px solid red;
          font-size: 20px;

      }
  </style>
</head>
<body>
    <div id="box">
        <span id="dd"></span>
    </div>
</body>
<script type="text/javascript">
var Datee=document.getElementById("box");

    setInterval(function(){   
    var date = new Date();   
    var year = date.getFullYear();    //获取当前年份   
    var mon = date.getMonth()+1;      //获取当前月份   
    var da = date.getDate();          //获取当前日   
    var day = date.getDay();          //获取当前星期几   
    var h = date.getHours();          //获取小时   
    var m = date.getMinutes();        //获取分钟   
    var s = date.getSeconds();        //获取秒   
    var d = document.getElementById('dd');
    
      d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  
    },1000);
    // console.log(rondow());

    Datee.style.backgroundColor=rondow(); //赋值放贷
    function round(max,min){
         return Math.round(Math.random()*(max-min)+min);
    }
      //随机背景颜色
    function  rondow(){
        return "rgb("+ round(0,255) +","+ round(0,255) +","+ round(0,255) +")";
        // return "rgb("+ random(0,255) +","+ random(0,255) +","+ random(0,255) +")";
    }
    

    setInterval(() => {
        Datee.style.backgroundColor=rondow();
    }, 1000);


   

</script>
</html>