<script type="text/javascript">
        var clock;
        var year = 2014;
        var month = 5;  //月份從0開始算
        var date = 30;
        var h = 11;
        var m = 31;
        var s = 0;
        var ms = 0;

        var date = new Date(year, month, date, h, m, s, ms);   
        var now = new Date();
        var diff = date.getTime() / 1000 - now.getTime() / 1000;
        $(document).ready(function () {
            $(".indexLive").hide();

            if (diff <= 0) {
                $(".clock").hide();
                $(".indexLive").show();
            }
            // Instantiate a coutdown FlipClock
            clock = $('.clock').FlipClock(diff, {
                clockFace: 'DailyCounter',
                countdown: true,
            });
            
        });        
</script>
<script type="text/javascript">
        var countdownnumber = diff+2;
        var countdownid;
        $(document).ready(countdownfunc());
        function countdownfunc() {
            if (countdownnumber < 0) {
                //alert("倒數結束");
                $(".clock").hide("slow");
                $(".indexLive").show();
                clearTimeout(countdownid);
            } else {
                countdownnumber--;
                if (countdownid) {
                    clearTimeout(countdownid);
                }
                countdownid = setTimeout(countdownfunc, 1000);
            }
        }
</script>

        <div class="indexTimer">            
            <div class="clock" style="margin:2em;"></div>        
                <div class="indexLive">
                    <img src="_img/timeLive.png" />
            </div>
        </div>
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 amychang2014 的頭像
    amychang2014

    工作需要筆記

    amychang2014 發表在 痞客邦 留言(0) 人氣()