带日期的时钟 - 日期 & 时间 - 软晨网（RuanChen.com）

当前位置: 首页 > 实例教程 > 脚本特效 > 日期 & 时间 > 带日期的时钟

日期 & 时间: 左上脚时钟; 活动时钟; 带日期的时钟; LCD 时钟; 模拟时钟; 计时器

实例搜索

关键字

日期 & 时间中的带日期的时钟

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-07-27 浏览: 477 ::

收藏到网摘: n/a

活动时钟 LCD 时钟

带日期的时钟 - 软晨网（RuanChen.com）

DEMO:

第一步：在需要显示时钟的页面BODY区域加入全选

<script type="text/javascript">
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="clock"></span>

第二步：页面加载的时候调用JS 全选

活动时钟 LCD 时钟

评论 (0) All