如何轻松实现倒计时功能?点击一探究竟

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>