资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 宝宝出生倒计时实现代码
<html> <head> <style> #PPQTime{ font-size:36px; color:black; font-weight:bold; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20Clock()%20%0D%0A%7B%20%0D%0Avar%20Today%3Dnew%20Date()%3B%20%0D%0Avar%20PPQday%3Dnew%20Date(2010%2C9-1%2C28)%3B%20%0D%0Avar%20DayTime%20%3D%20(PPQday.getTime()-Today.getTime())%2F%201000%20%2F%2060%20%2F%2060%20%2F24%3B%20%0D%0Avar%20days%20%3D%20parseInt(DayTime)%3B%2F%2F%E5%A4%A9%20%0D%0Avar%20HourTime%20%3D(DayTime%20-%20days)*24%3B%20%0D%0Avar%20hours%20%3DparseInt(HourTime)%3B%2F%2F%E6%97%B6%20%0D%0Avar%20MinutesTime%20%3D(HourTime-hours)*60%3B%20%0D%0Avar%20minutes%20%3D%20parseInt(MinutesTime)%3B%2F%2F%E5%88%86%20%0D%0Avar%20SecondTime%20%3D(MinutesTime-minutes)*60%3B%20%0D%0Avar%20seconds%20%3D%20parseInt(SecondTime)%3B%20%2F%2F%E7%A7%92%20%0D%0Avar%20MillisecondTime%20%3D%20(SecondTime-seconds)*100%3B%2F%2F%E5%8F%962%E4%BD%8D%20%0D%0Avar%20milliseconds%20%3D%20parseInt(MillisecondTime)%3B%2F%2F%E6%AF%AB%E7%A7%92%20%0D%0Adocument.getElementById(%22PPQTime%22).innerHTML%3D%20%22%E8%B7%9D%E5%AE%9D%E5%AE%9D%E5%87%BA%E7%94%9F%E8%BF%98%E6%9C%89%20%22%2B%20days%20%2B%20%22%E5%A4%A9%22%2B%20ForMat(hours)%2B%22%E5%B0%8F%E6%97%B6%22%2BForMat(minutes)%2B%22%E5%88%86%22%2BForMat(seconds)%2B%22%E7%A7%92%22%2BForMat(milliseconds)%2B%22%E6%AF%AB%E7%A7%92%22%3B%20%0D%0AsetTimeout(Clock%2C100)%3B%20%0D%0A%7D%20%0D%0Afunction%20ForMat(data)%20%0D%0A%7B%20%0D%0Aif(data%3C10)%20%0D%0Areturn%20%220%22%2Bdata%3B%20%0D%0Aelse%20%0D%0Areturn%20data%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body onload="Clock()"> <div id="PPQTime"></div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上面的代码主要用到了javascript日期处理技巧与setTimeout实现日期的刷新。
教程首页
更多教程