当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 时钟显示在任意指定位置

Javascript
JavaScript 图片放大镜(可拖放、缩放效果)
javascript textarea支持图形编辑
各种效果的jquery ui(接口)介绍
js点小图显示大图的切换功能代码
js怎样实现下拉框改变,它旁边的图像也改变
js模拟电脑选择多文件夹效果_选区代码
js实现小鱼吐泡泡在页面游动特效
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
js抓人游戏
JavaScript的学习入门整理篇
Js动态创建div
Javascript拖拽&拖放系列文章3之细说事件对象
javascript不同页面传值的改进版
select组合框option的捕捉实例代码
初学JavaScript第一章
初学JavaScript_03(ExtJs Grid的简单使用)
jquery的颜色选择插件实例代码
鼠标跟随效果代码
JS版网站风格切换实例代码
javascript支持IE和firefox(FF)的渐变透明效果

Javascript 中的 时钟显示在任意指定位置


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 478 ::
收藏到网摘: n/a

脚本说明:

:把如下代码加入区域中:
  <span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px>
</span>    (这里可以调整时钟的方位。调用脚本时去掉括号中内容)
<SCRIPT language=javascript>
<!--
function show5(){if(!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if(hours>12){dn="PM"
hours=hours-12
}if(hours==0)
hours=12
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size=’5’ face=’Arial’><b><font size=’1’>Current Time:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}
//>
</SCRIPT>