2012年2月5日 星期日

jquery_clock_fadeto(Jquery)

    var i = 0;
       
            clock();
            function clock(){
                var now,hours,minutes,seconds,time;
                now = new Date();
                hours = now.getHours();
                minutes = now.getMinutes();
                seconds = now.getSeconds();
                time = (hours >= 12) ? "A.M. ":"P.M. ";
                time += ((hours > 12) ? hours - 12 : hours) + " H";
                time += ((minutes < 10) ? " 0" : " ") + minutes + " M";
                time += ((seconds < 10) ? " 0" : " ") + seconds + " S";
                $("#gundamTime .clockBox").html(time);

                if( seconds % 5 == 0){
                    i = i % $(".gundamPic ul li").length;
                    $(".gundamPic ul li").eq(i).fadeTo(1000, 1).css({
                        opacity:1,
                        zIndex: 10
                        }).siblings().fadeTo(2000, 0).css({
                        opacity:0,
                        zIndex:9
                        });
                    i++;
                }
               
                setTimeout(clock,1000);
            }


對之前的 clock  做了修改
背景圖片加了淡入淡出效果 


沒有留言:

張貼留言