js实现倒计时时钟的示例代码


Posted in Javascript onDecember 17, 2013

如下所示:

<!--将以下代码加入HTML的<Body></Body>之间-->
<SCRIPT language=JavaScript1.2>
function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}
setcountdown(2008,7,12)
var occasion="2008北京奥运会"
var message_on_occasion="盼望已久的时刻终于来到了!"
var countdownwidth='480px'
var countdownheight='20px'
var countdownbgcolor='tan'
var opentags='<font face="宋体"><small>'
var closetags='</small></font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
window.onload=start_countdown

function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"时间已经过了!"+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"还有 "+dday+ " 天, "+dhour+" 小时, "+dmin+" 分, "+dsec+" 秒 就是 "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</SCRIPT>
<SCRIPT type="text/javascript" src=""></SCRIPT>
<SCRIPT language="JavaScript">
<!-- 
BaiduWriteAD("zouwenyedg","3");
//--> 
</SCRIPT>

<ILAYER id=countdownnsmain visibility="hide" bgColor="&{countdownbgcolor};" 
height="&{countdownheight};" width="&{countdownwidth};"><LAYER 
id=countdownnssub height="&{countdownheight};" 
width="&{countdownwidth};" top="0" left="0"></LAYER></ILAYER>
Javascript 相关文章推荐
Js callBack 返回前一页的js方法
Nov 30 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
浅析JS异步加载进度条
May 05 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
B/S模式项目中常用的javascript汇总
Dec 17 #Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 #Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 #Javascript
js采用map取到id集合组并且实现点击一行选中一行
Dec 16 #Javascript
js捕获鼠标滚轮事件代码
Dec 16 #Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 #Javascript
使用firebug进行调试javascript的示例
Dec 16 #Javascript
You might like
PHP中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
jQuery中cookie插件用法实例分析
2015/12/04 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
AngularJS入门示例之Hello World详解
2017/01/04 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
three.js中文文档学习之如何本地运行详解
2017/11/20 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
物业经理求职自我评价
2013/09/22 职场文书
数学专业毕业生自荐信
2013/11/10 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
员工入职担保书范文
2014/04/01 职场文书
报关报检委托书
2014/04/08 职场文书
2014年财务部工作总结
2014/11/11 职场文书
乌镇导游词
2015/02/02 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
入党心得体会
2019/06/20 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB