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 做了修改
背景圖片加了淡入淡出效果
沒有留言:
張貼留言