js 抢购倒计时

最新推荐文章于 2020-05-05 16:47:46 发布

没有风雨怎能远方

最新推荐文章于 2020-05-05 16:47:46 发布

阅读量308

点赞数

分类专栏： WEB前端文章标签： javascript 倒计时抢购倒计时

本文链接：https://blog.csdn.net/yyf0409/article/details/77530954

版权

WEB前端专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>
<body>
<h1>抢购<span id="time"></span></h1>
<button οnclick="stop()">||</button>
<script type="text/javascript">
    function calc(){
        //定义目标时间，保存到变量endDate中;
        var endDate=new Date("2017/8/25 20:10");
        //获取当前时间；
        var now=new Date();
        //获取时间差：s：parseInt（(endDate-now)/1000）;
        var s=parseInt((endDate-now)/1000);
        if(s>0){//如果大于0
            var h=parseInt(s/3600);//换算成小时
            //如果小时<10;补0
            h<10&&(h='0'+h);
            var m=parseInt(s%3600/60);//换算成分钟
            //如果分钟小于10
            m<10&&parseInt(m=('0'+m));
            var s=s%60;//换算成秒
            s<10&&(s=('0'+s));
            //设置id为time的元素内容为h:m:s;
            time.innerHTML=time.innerHTML.indexOf(":")!=-1?

            h+" "+m+" "+s:h+":"+m+":"+s;

        }else{
            time.innerHTML='秒杀结束';
            clearInterval(timer);
            timer=null;
        }
    }
//下面这是暂停的按钮的方法
    var timer=null;
    window.οnlοad=function(){

        calc();
        timer=setInterval(calc,500);
        console.log(timer);

    }
    function stop(btn){

        if (timer!=null){
            clearInterval(timer);
            timer=null;
            btn.innerHTML="|>";

        }else{

            calc();
            timer=setInterval(calc,1000);
            btn.innerHTML="||";
        }
    }
</script>
</body>
</html>

没有风雨怎能远方

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 抢购倒计时

倒计时抢购|| function calc(){ //定义目标时间，保存到变量endDate中; var endDate=new Date("2017/8/25 20:10"); //获取当前时间； var now=new Date(); //获取时间差：s：parseInt（(endDate-now
复制链接

扫一扫