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 相关文章推荐
一个javascript图片阅览组件
Nov 09 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 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笔记之:日期函数的使用介绍
2013/04/24 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
详解WordPress中调用评论模板和循环输出评论的PHP函数
2016/01/05 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
比较详细的javascript对象的property和prototype是什么一种关系
2007/08/06 Javascript
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
javascript实现日期三级联动下拉框选择菜单
2020/12/03 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
python实现根据月份和日期得到星座的方法
2015/03/27 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
教师党员思想汇报
2014/01/06 职场文书
拉歌口号大全
2014/06/13 职场文书
庆国庆活动总结
2014/08/28 职场文书
英文邀请函
2015/02/02 职场文书
销售业务员岗位职责
2015/02/13 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
大学运动会通讯稿
2015/07/18 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB