DOM

举报
hello word~/ 发表于 2020/07/22 08:24:18 2020/07/22
【摘要】 Date-描述getHours() 返回Date对象的小时数(0~23)getMinutes() 返回Date对象的分钟数(0~59)getSeconds() 返回Date对象的秒数(0~59)getMonths() 返回Date对象的月数(0~11)getDay() 返回Date对象的天数(0~6)getMilliseconds() 返回Date对象的毫秒(0~999)getTime() ...

Date-描述

getHours() 返回Date对象的小时数(0~23)

getMinutes() 返回Date对象的分钟数(0~59)

getSeconds() 返回Date对象的秒数(0~59)

getMonths() 返回Date对象的月数(0~11)

getDay() 返回Date对象的天数(0~6)

getMilliseconds() 返回Date对象的毫秒(0~999)

getTime() 返回1971年1月1日至今的毫秒数

js定时器:

setInterval();-------每隔一段时间执行一次xx

setTimeout();------用于在指定的毫秒数后执行,只执行一次【定时器】。

clearInterval();—停止


clearTimeout();-----清除计时器

全局对象window上的方法,内部函数this指向window


//三分钟的计时器

  <style type="text/css">

  #wraper{

      width:350px;

      height: 350px;

      margin: 50px auto;

      /* background: rgb(134, 107, 107); */

  }

  #wraper>div{

      width: 150px;

      height: 340px;

      float: left;

      text-align: center;

  }

  #wraper>div>span{

     color:rgb(156, 88, 88);

  }

  #wraper .dian{

      width: 50px;

       height:20px;

  }

  #wraper div p{

      font-size: 3.5em;

      width: 50px;

      height: 2px;

     

  }

  input{

      width: 100px;

      height: 200px;

      text-align: center;

      font-size:48px;

      color:black;

      border:1px solid rgb(190, 83, 83);

      border-radius: 10px;

      background: linear-gradient(rgb(156, 88, 88),rgb(126, 223, 190),rgb(1

       }

   </style>

</head>

<body>

   <div id="wraper">

        <div>

            <span>Minutes</span> <input type="text" value="0">

        </div>

        <div class="dian"><p>·</p><p>·</p></div>

      <div>   

        <span> Seconds</span> <input type="text" value="0">

      </div> 

   </div>

   <script>

       var fen = document.getElementsByTagName('input')[0];

       var miao = document.getElementsByTagName('input')[1];

       var minutes = 0;

           seconds = 0;

       var timer = setInterval(function(){

            seconds++;

           if(seconds == 60){

              seconds = 0;

                minutes++ ;

           }

            fen.value = minutes;

            miao.value = seconds;

           if(minutes == 3){

               clearInterval(timer);

           }

                        

       },1000)

       

   </script>


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。