基本信息
源码名称:javascript 倒计时 Demo
源码大小:0.03M
文件格式:.zip
开发语言:js
更新时间:2016-02-18
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 1 元×
微信扫码支付:1 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
<!doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时</title> <style type="text/css"> h1 { font-family:"微软雅黑"; font-size:40px; margin:20px 0; border-bottom:solid 1px #ccc; padding-bottom:20px; letter-spacing:2px; } .time-item strong { background:#C71C60; color:#fff; line-height:49px; font-size:36px; font-family:Arial; padding:0 10px; margin-right:10px; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.2); } .item-title .unit { background:none; line-height:49px; font-size:24px; padding:0 10px; float:left; } </style> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> var intDiff = parseInt(300);//倒计时总秒数量 function timer(intDiff){ window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); } if (minute <= 9) minute = '0' minute; if (second <= 9) second = '0' second; $('#day_show').html(day "天"); $('#hour_show').html('<s id="h"></s>' hour '时'); $('#minute_show').html('<s></s>' minute '分'); $('#second_show').html('<s></s>' second '秒'); intDiff--; }, 1000); } $(function(){ timer(intDiff); }); </script> </head> <body> <div style="text-align:center;"> <h4>猜谜剩余时间</h4> </div> <div style="text-align:center;" class="time-item"> <strong id="minute_show">00分</strong> <strong id="second_show">00秒</strong> </div> <!--倒计时模块--> </body> </html>