柱状时间显示

稿源：互联网 2022-04-13 23:36:06 点击： 577 撤稿纠错

很有个性的时间显示方法，喜欢的朋友可以试试。

以下讨论的是和脚本相关的柱状时间显示教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<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()",10);
}
window.onload=timer;
</script>
现在时间：
<div class=dtime style="position: absolute;width:600;top:500;left:100">

</div>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于柱状时间显示的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719558.shtml方便下次再访问哦。

·上一篇： 选择时间计算星期几
·下一篇： 最简单时间显示

柱状时间显示

文章分类LIST >>返回首页

最新游戏

最新新闻