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 相关文章推荐
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
jquery 年会抽奖程序
Dec 22 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
jQuery团购倒计时特效实现方法
May 07 Javascript
详解JavaScript节流函数中的Throttle
Jul 16 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
使用veloticy-ui生成文字动画效果
Feb 08 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
js 解析 JSON 数据简单示例
Apr 21 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
thinkphp5使用无限极分类
2019/02/18 PHP
写的htc的数据表格
2007/01/20 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
js post方式传递提交的实现代码
2010/05/31 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
2014/01/23 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
聊一聊jQuery插件uploadify使用方法
2016/08/24 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
node文件批量重命名的方法示例
2017/10/23 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
使用ECharts实现状态区间图
2018/10/25 Javascript
JS实现根据详细地址获取经纬度功能示例
2019/04/16 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
JS立即执行的匿名函数用法分析
2019/11/04 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
Django实现celery定时任务过程解析
2020/04/21 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
python热力图实现简单方法
2021/01/29 Python
妇产医师自荐信
2014/01/29 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
环境日宣传活动总结
2014/07/09 职场文书
护士2014年终工作总结
2014/11/11 职场文书
教师求职简历自我评价
2015/03/10 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript