clock_slide('#min',nowsplit[4],11);
if ( oldsplit[3] != nowsplit[3] ) {
clock_slide('#hour',nowsplit[3],28);
if ( oldsplit[2] != nowsplit[2] ) {
clock_slide('#day',nowsplit[0],100);
clock_slide('#date',(nowsplit[2]-1),22);
if ( oldsplit[1] != nowsplit[1] ) {
clock_slide('#month',nowsplit[1],57);
};
};
};
};
};
};
function clock_slide(which,howmuch,multiple){
$(which).stop().animate({marginLeft: ((howmuch*multiple)-700)+'px'}, 250, 'linear');
};
setTimeout(function(){checktime(nowdel);}, 250);
};
checktime("0|0|0|0|0|0");
});
</script>
</head>
<body>
<div id="wrap">
<div id="day"> </div>
<div id="month"> </div>
<div id="date"> </div>
<div id="hour"> </div>
<div id="min"> </div>
<div id="sec"> </div>
</div> <!-- End "wrap" -->
<div style="text-align:center;clear:both">
<p>来源：<a href="//www.jb51.net" target="_blank">vonholdt</a> 代码整理：<a href="//www.jb51.net" target="_blank">软件开发网</a> 感谢：<a href="//www.jb51.net" target="_blank">liulisuo</a></p>
<p>转载请注明出处，此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
以上就是为大家分享的jQuery超酷平面式时钟效果代码，希望大家可以喜欢。
