首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
实例教程
>
脚本特效
>
日期 & 时间
> 带日期的时钟
日期 & 时间
左上脚时钟
活动时钟
带日期的时钟
LCD 时钟
模拟时钟
计时器
实例搜索
关键字
日期 & 时间 中的 带日期的时钟
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-07-27
浏览: 583 ::
收藏到网摘: 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
全选
<body onLoad="goforit()">
活动时钟
LCD 时钟
吃惊
欠揍
支持
很棒
一般
搞笑
扯淡
不解
评论 (0)
All
登陆
|
还没注册?