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 textarea的长度进行验证
May 06 Javascript
JavaScript 获取事件对象的注意点
Jul 29 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
Aug 17 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
cnpm加速Angular项目创建的方法
Sep 07 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的SQL注入过程分析
2012/01/06 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
ES6中数组array新增方法实例总结
2017/11/07 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
使用js在layui中实现上传图片压缩
2019/06/18 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
linux下安装easy_install的方法
2013/02/10 Python
python简单获取本机计算机名和IP地址的方法
2015/06/03 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
python使用tornado实现简单爬虫
2018/07/28 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
Python如何省略括号方法详解
2020/03/21 Python
幼儿园师德演讲稿
2014/05/06 职场文书
埃及王子观后感
2015/06/16 职场文书
记者节感言
2015/08/03 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
基于Python实现一个春节倒计时脚本
2022/01/22 Python