每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>日期时间特效代码>

收藏分享查看评论日期时间

柱状时钟_日期时间特效

查看演示效果

特效Tag：时钟柱状添加

柱状时钟,您可以先修改部分代码再运行.

<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>
现在时间：
<div class=dtime style="position: absolute;width:600;top:500;left:100">

<div class=dtime title="秒" style="position: absolute;bottom:0;left:60" align="center"><img style="background-color: #00FF00" id="is" src="http://p1.mb5u.com/texiao/17/20100523005043125.jpg" height="100" width="20" ><br><span id=stxt>:</span></div>

<div class=dtime title="分钟" style="position: absolute;bottom:0;left:30" align="center"><img style="background-color: green" id="im" src="http://p1.mb5u.com/texiao/17/20100523005043125.jpg" height="100" width="20" ><br><span id=mtxt></span>:</div>

<div class=dtime title="小时" style="position: absolute;bottom:0;left:0" align="center"><img style="background-color: FF0000" id="ih" src="http://p1.mb5u.com/texiao/17/20100523005043125.jpg" 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" src="http://p1.mb5u.com/texiao/17/20100523005043125.jpg" height="100" width="20" ><br><span id=otxt></span></div>

</div>
<body  bgcolor="#000000" text="#00FF00">

所属频道：日期时间特效/更新时间：2013-01-15

[收藏][报错][返回列表]

相关日期时间特效：

日期时间特效Rss订阅特效代码搜索

日期时间特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索柱状时钟
特效说明：
日期时间模板-柱状时钟。