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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
JavaScript事件循环及宏任务微任务原理解析
Sep 02 Javascript
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笔记之常用文件操作
2010/10/12 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
Yii2单元测试用法示例
2016/11/12 PHP
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
javascript时间函数大全
2014/06/30 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
Python多进程通信Queue、Pipe、Value、Array实例
2014/11/21 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
Python如何实现FTP功能
2020/05/28 Python
HTML5逐步分析实现拖放功能的方法
2020/09/30 HTML / CSS
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
英语简历自我评价
2014/01/26 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
保密协议书范本
2014/04/22 职场文书
体育系毕业生自荐信
2014/06/28 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
死亡诗社观后感
2015/06/05 职场文书
2016年党员创先争优公开承诺书
2016/03/25 职场文书
详解Python 3.10 中的新功能和变化
2021/04/28 Python