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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
JavaScript 事件记录使用说明
Oct 20 Javascript
javascript字符串拼接的效率问题
Dec 25 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
js 轮播效果实例分享
Dec 28 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
React实现轮播效果
Aug 25 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
vue实现拖拽进度条
Mar 01 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 syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
PHP防盗链代码实例
2014/08/27 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
编程语言Python的发展史
2014/09/26 Python
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
详解python中__name__的意义以及作用
2019/08/07 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
python中np是做什么的
2020/07/21 Python
Cotton On美国网站:澳洲时装连锁品牌
2016/10/25 全球购物
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
遥感技术与仪器求职信
2014/02/22 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
优秀工会工作者事迹材料
2014/06/02 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
学校2014年度工作总结
2014/12/06 职场文书
关于倡议书的范文
2015/04/29 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书