该时钟显示的内容格式是“今天是***年**月**日 上午000000”，程序如下 now = new Datehour = nowgetHoursif hour lt 12 documentwritequot今天是quot + nowtoLocaleString else if hour。

一获取上下文对象 var cxt = documentgetElementById‘元素名’getContect‘2d’ IE8或更早的浏览器不支持元素二 drawClock – 实现画时钟 1 clearRect 清空给定矩形内的指定像素。

pink#39， #39maroon#39 钟表颜色数组 setIntervalfunction var now = new Date clockinnerHTML = nowgetFullYear + #39年#39 + nowgetMonth+1 + #39月#39 + nowgetDate。

这篇文章主要介绍了关于如何使用JS实现一个简易数码时钟，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下设计思路数码时钟即通过图片数字来显示当前时间，需要显示的图片的URL根据时间变化而变化a获取当前。

今天给各位介绍的这个“跟着鼠标跑的时钟和日历”极COOL的，准保你没见过只须将如下的JavaScript代码插入到你页面html的head区即可codeSCRIPT language=JavaScript！dCol=yellow 定义日历颜色fCol=#ff0000 定义。

myDatetoLocaleDateString可以获取当前日期 myDatetoLocaleTimeString 可以获取当前时间 扩展myDategetYear 获取当前年份2位myDategetFullYear 获取完整的年份4位，1970？myDate。

var h=nowgetHoursvar m=nowgetMinutesvar s=nowgetSecondsvar ap=h=12？quotPMquotquotAMquotcontentinnerHTML=quot今天是quot+y+quot年quot+M+quot月quot+d+quot日quot+quot星期quot+quot日一二三四五六quotnowgetDay+quot。

函数upDate 要写在onload外面，写在里面只能作为局部对象，下次调用的时候会提示找不到对象 function upDatevar aImg=documentgetElementsByTagName#39img#39var i=0var oDate=new Date var str = toDoubleo。

+ month + quot月quot + day+quot日quot+quotquot+weekdaydgetDay这是我写的一个年月日星期的代码，你可以看看时分秒我有空给你写一个。

#39+stri+#39quot#39documentgetElementById#39dis#39innerHTML=htmljoin#39#39 运行运行后，js代码会添加一些元素到页面上，会生成如图所示的结构看下页面显示效果显示是通过样式表完成的。

var myDatesetIntervalfunction myDate = new DatetestinnerHTML = myDatetoLocaleString，1000 把上面的代码复制到html中用浏览器打开就看到了。

逻辑如下1先判断两个时间的时间差，当然如果得到的时间是13位时间戳的话你需要转化一下 2判断时间够一天显示天数，够一小时显示小时数 相关代码获取时间，时间戳转换，不是则不转var mydate1 = new Date。