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 相关文章推荐
jQuery 研究心得 取得属性的值
Nov 30 Javascript
将函数的实际参数转换成数组的方法
Jan 25 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
JavaScript插件化开发教程 (一)
Jan 27 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
JavaScript浅层克隆与深度克隆示例详解
Sep 01 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初学者的8点有效建议
2010/11/20 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
img标签中onerror用法
2009/08/13 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
Python for循环与getitem的关系详解
2020/01/02 Python
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
鱼油专家:Omegavia
2016/10/10 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
高中生的自我评价
2014/03/04 职场文书
小班评语大全
2014/05/04 职场文书
销售合作意向书范本
2015/05/08 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript