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 fullscreen全屏实现代码
Apr 09 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
jquery数组过滤筛选方法grep()简介
Jun 06 Javascript
javascript的push使用指南
Dec 05 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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 array_multisort()函数的使用札记
2011/07/03 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
自己使用总结Python程序代码片段
2015/06/02 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
python3 字符串知识点学习笔记
2020/02/08 Python
python 实现控制鼠标键盘
2020/11/27 Python
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
linux面试题参考答案(6)
2014/08/29 面试题
销售人员中英文自荐信
2013/09/22 职场文书
校运会广播稿100字
2014/01/27 职场文书
天网工程实施方案
2014/03/26 职场文书
医药营销个人求职信
2014/04/12 职场文书
教师工作失职检讨书
2014/09/18 职场文书
护理专业自我评价
2015/03/11 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL