jQuery flipTimer 倒计时

在线实例

使用方法

 <div class="container">
            <div class="demo">
                <h3><a href="index.html">时钟效果</a><a href="index2.html">倒计时</a><a class="cur"href="index3.html">回调</a></h3>
                <p class="p1">10 秒倒计时：</p>
                <div id="times">
                    <div class="hours"></div>
                    <div class="minutes"></div>
                    <div class="seconds"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> 
        <script src="/api/jq/5733e3316bc3e/js/jquery.flipTimer.js"></script>
        <script type="text/javascript">
            $(function() {
                var d = new Date();
                var myDate = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + (d.getSeconds() + 1000);
                $('#times').flipTimer({
                    direction: 'down',
                    date: myDate,
                    callback: function() {
                        alert('倒计时结束！');
                    }
                });
            });
        </script>

云盘内容

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。