计时器、倒计时、打点计时器

最新推荐文章于 2021-08-19 21:28:22 发布

不归少年

最新推荐文章于 2021-08-19 21:28:22 发布

阅读量305

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Wang_jiao_yaa/article/details/99295711

版权

javascript 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

计时器

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        input{
            width:400px;
            border:none;
        }
    </style>
</head>
<body>
现在是：<input type="text" id="shows"/>
<script>
    function times(){
    var timer=new Date();
    document.getElementById("shows").value=timer.getFullYear()+"年"+(timer.getMonth()+1)+"月"+timer.getDate()
            +"日，星期"+timer.getDay()+" "+timer.getHours()+":"+timer.getMinutes()+":"+timer.getSeconds();
    }
    window.setInterval("times()",1000);
</script>
</body>
</html>

倒计时

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p></p>
<script>
    function daojishi(){
    var oldday = new Date(2019,7,8,10,10,0);  //注意时间为2019.8.8
/*new Date(year, month, day, hours, minutes, seconds, milliseconds)*/
    var miao=oldday.getTime();
    var newday=new Date();
    var newmiao=newday.getTime();
    var shijian1=miao-newmiao;
    var leftsecond = parseInt(shijian1/1000);
    var day1=Math.floor(leftsecond/(60*60*24));
    var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
    var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
    var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
    document.getElementsByTagName("p")[0].innerHTML="距离2019年8月8日立秋还差:"+day1+"天 "+hour+"小时"+minute+"分"+second+"秒"
    }
    setInterval("daojishi()",1000)
    window.onload=function(){
        daojishi()
    }
</script>
</body>
</html>

打点计时器

在这里插入图片描述

function count(start, end) {
  //立即输出第一个值
  console.log(start++);
     var timer = setInterval(function(){
         if(start <= end){
             console.log(start++);
         }else{
             clearInterval(timer);
         }
     },100);
    //返回一个对象
     return {
         cancel : function(){
             clearInterval(timer);
         }
     };
 }

不归少年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
计时器、倒计时、打点计时器

计时器<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> input{ width:400px; bor...
复制链接

扫一扫