JS柱狀圖風(fēng)格的時(shí)鐘_日期時(shí)間特效

JS柱狀圖風(fēng)格的時(shí)鐘，隨著秒針的一走一動(dòng)，柱狀圖會(huì)一層層升高，有意思，還是第一次見(jiàn)到時(shí)鐘也可以這樣表示。請(qǐng)注意把背景圖片換一個(gè)好看點(diǎn)的，這里去掉了背景圖，你可以自己加。

<html>
<head>
<title></title>
<style>
body,td,div,a,input{font:menu}
</style>
<script> 
function timer() {
var scale=6;
d=new Date()
d.setDate(d.getDate()-1)
a=d.toLocaleString();
s=a.substr(17,2);
m=a.substr(14,2);
h=a.substr(11,2);
x=a.substr(18,1);
ss=new Date().getTime().toLocaleString();
sss=ss.substr(10,2);
document.all("is").height=s*scale;
document.all("im").height=m*scale;
document.all("ih").height=h*scale;
document.all("ii").height=sss*scale*0.6;
stxt.innerText=s;
mtxt.innerText=m;
htxt.innerText=h;
otxt.innerText=sss;
setTimeout("timer()",50);
}
window.onload=timer;
</script>
</head>
<body> 
<div class=dtime style="position: absolute;width:556;top:488;left:100">
<div class=dtime style="position: absolute;bottom:0;left:60" align="center"><img style="background-color: #00FF00" id="is" height="100" width="20" ><br><span id=stxt>:</span></div>
<div class=dtime style="position: absolute;bottom:0;left:30" align="center"><img style="background-color: green" id="im" height="100" width="20" ><br><span id=mtxt></span>:</div>
<div class=dtime style="position: absolute;bottom:0;left:0" align="center"><img style="background-color: FF0000" id="ih"  height="100" width="20" ><br><span id=htxt></span>:</div>
<div class=dtime title="00" style="position: absolute;bottom:0;left:90" align="center"><img style="background-color: yellow" id="ii" height="100" width="20" ><br><span id=otxt></span></div>
</div>
</body>
</html>

所屬頻道：日期時(shí)間特效/更新時(shí)間：2012-12-09

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)日期時(shí)間特效：

日期時(shí)間特效Rss訂閱特效代碼搜索

日期時(shí)間特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索JS柱狀圖風(fēng)格的時(shí)鐘
特效說(shuō)明：
日期時(shí)間模板-JS柱狀圖風(fēng)格的時(shí)鐘。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JS柱狀圖風(fēng)格的時(shí)鐘_日期時(shí)間特效

日期時(shí)間特效Rss訂閱特效代碼搜索

日期時(shí)間特效推薦

猜你也喜歡看這些