如何轻松实现倒计时功能?点击一探究竟
- 2014-09-24 10:05:00
- admin
- 原创 2419
大家经常在各大型购物网站微商上面见到超低价秒杀,一元秒杀,抢秒杀等活动,具体怎么实现的,请大家看看下面的实例,轻松简单的实现倒计时。
代码如下:
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script> <div class="timetitle">整点秒杀每周四两场<span class="mscolor">第一场:10:00开抢,第二场:15:00开抢</span></div> <div class="timeitem"> <div class="itemleft clearfix"> <div class="leftn1">活</div> <div class="leftn1">动</div> <div class="leftn1">已</div> <div class="leftn1">经</div> <div class="leftn1">结</div> <div class="leftn1" style="margin-right:0">束</div> </div> <div class="itemleft3 msml clearfix"> <div id="container"> <div id="countdown_dashboard"> <div class="dash days_dash"> <span class="dash_title">天</span> <div class="digit">0</div> <div class="digit">0</div> </div> <div class="dash hours_dash"> <span class="dash_title">小时</span> <div class="digit">0</div> <div class="digit">0</div> </div> <div class="dash minutes_dash"> <span class="dash_title">分钟</span> <div class="digit">0</div> <div class="digit">0</div> </div> <div class="dash seconds_dash"> <span class="dash_title">秒</span> <div class="digit">0</div> <div class="digit">0</div> </div> </div> </div> </div> </div> <script language="javascript" type="text/javascript"> jQuery(document).ready(function() { $('#countdown_dashboard').countDown({ targetDate: {/*此处应注意这里的时间必须获取服务器时间,防止用户恶意操作*/ 'day': 23, /*天*/ 'month': 10,/*月*/ 'year': 2014,/*年*/ 'hour': 0,/*小时*/ 'min': 0,/*分*/ 'sec': 0/*秒*/ }, omitWeeks: true, onComplete: function() { /*完成后执行内容*/ } }); }); </script>
- 倒计时插件下载.zip 431 MD5