实践 - 限时抢购

3.学会计算时差的方法
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>团购——限时抢购</title>
</head>
<body>
    <div style="color: red;">抢购价:599</div>
    <div class="time">还剩 <span id="LeftTime"></span></div>
</body>
</html>
        window.onload = function(){
            showTime();
        }
        function showTime(){
            var endtime = new Date("2017/8/29,22:19:59");//结束时间 
            var nowtime = new Date();//当前时间
            //parseInt()函数可解析一个字符串,并返回一个整数。
            var lefttime=  parseInt((endtime.getTime() - nowtime.getTime())/1000);  //(结束时间毫秒 - 当前时间毫秒)/1000  = 当前时间差 秒
            var d = parseInt(lefttime/(24*60*60));//总共的秒数除以一天的秒数等于多少天
            var h = parseInt(lefttime/(60*60)%24);//总共的秒数除以一小时的秒数等于剩余多少小时取模一天24时,取整为天数,取模为剩余当前小时
            var m = parseInt(lefttime/60%60);//总共的秒数除以一分钟秒数剩余多少秒,取模一分钟60秒,取整为小时,取模为分钟
            var s = parseInt(lefttime%60);//总共的秒数取模,取整为分钟,取模为毫秒;
            document.getElementById("LeftTime").innerHTML = d+ "天" + h + "时" + m + "分" + s + "秒";

            if(lefttime <= 0){//当前剩余毫秒小于0时,结束为0;
                document.getElementById("LeftTime").innerHTML = 0+ "天" + 0 + "时" + 0 + "分" + 0 + "秒";
            }
            

            setTimeout(showTime, 1000); //方法用于在指定的毫秒数后调用函数。
        }




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值