第一种：精确到秒的javascript倒计时代码
HTML代码:
<form name="form1">
<div align="center" align="middle">
<center>离2010年还有:<br>
<input type="textarea" name="left" size="35" style="text-align: center" mce_style="text-align: center">
</center>
</div>
</form>
<mce:script LANGUAGE="javascript"><!--
startclock()
var timerID = null;
var timerRunning = false;
function showtime() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowMonth = Today.getMonth();
var NowDate = Today.getDate();
var NowYear = Today.getYear();
var NowSecond = Today.getSeconds();
if (NowYear <2000)
NowYear=1900+NowYear;
Today = null;
Hourleft = 23 - NowHour
Minuteleft = 59 - NowMinute
Secondleft = 59 - NowSecond
Yearleft = 2009 - NowYear
Monthleft = 12 - NowMonth - 1
Dateleft = 31 - NowDate
if (Secondleft<0)
{
Secondleft=60+Secondleft;
Minuteleft=Minuteleft-1;
}
if (Minuteleft<0)
{
Minuteleft=60+Minuteleft;
Hourleft=Hourleft-1;
}
if (Hourleft<0)
{
Hourleft=24+Hourleft;
Dateleft=Dateleft-1;
}
if (Dateleft<0)
{
Dateleft=31+Dateleft;
Monthleft=Monthleft-1;
}
if (Monthleft<0)
{
Monthleft=12+Monthleft;
Yearleft=Yearleft-1;
}
Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'
document.form1.left.value=Temp;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
stopclock();
showtime();
}
// --></mce:script>
第二种：某某运动会
HTML代码:
<!--倒计时Javascript begin-->
<mce:script language="JavaScript"><!--
function DigitalTime1()
{
var deadline= new Date("08/13/2007") //开幕倒计时
var symbol="8月13日"
var now = new Date()
var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave = (deadline.getTime() - now.getTime()) + diff*60000
var day = Math.floor(leave / (1000 * 60 * 60 * 24))
var hour = Math.floor(leave / (1000*3600)) - (day * 24)
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60)
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
var deadline_2= new Date("08/13/2004") //开幕后计时
var symbol_2="8月13日"
var now_2 = new Date()
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24))
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24)
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)
day=day+1;
day_2=day_2+1;
if (day>0) //还未开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "<font class=fon1>距离"+symbol+"开幕还有<font class=fon2>"+day+"</font>天</font>"
setTimeout("DigitalTime1()",1000)
}
if (day<0) //已经开幕
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "<font class=fon1>"+symbol+"开幕已有<font class=fon2>"+day_2+"</font>天</font>"
setTimeout("DigitalTime1()",1000)
}
if (day==0) //正在开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "<font class=fon1>某某运动会今天开幕</font>"
setTimeout("DigitalTime1()",1000)
}
if (day<0 & day_2>19) //某某运动会结束
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "<font class=fon1>某某运动会已全部结束</font>"
setTimeout("DigitalTime1()",1000)
}
}
// --></mce:script>
<!--倒计时Javascript end-->
<body onload=DigitalTime1()>
<div id= LiveClock1></div>
</body>
第三种：小时倒计时
HTML代码:
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 60*60 //一个小时，按秒计算，自己调整!
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="color:red" mce_style="color:red"></div>
第四种：最简倒计时
HTML代码:
<Script Language="JavaScript">
<!-- Begin
var timedate= new Date("January 14,2006");
var times="研究生考试";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0) ;
document.write("<li><font color=#DEDBDE>现在离2006年"+times+"还有: <font color=#ffffff><b>"+time +"</b></font> 天</font></li>");
// End -->
</Script>
第五种：最简倒计时二
HTML代码:
<mce:script language="JavaScript" type="text/javascript"><!--
function djs(){
var urodz= new Date("11/12/2008");
var now = new Date();
var num
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni >1)
num=dni+1
else if (dni == 1) num=2
else if (dni == 0) num=1
else num=0
document.write(num)
}
// --></mce:script>
距某某开幕式还有 [<mce:script language="JavaScript" type="text/javascript"><!--
djs()
// --></mce:script>] 天
第五个：Javascript倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:
<span id="clock">00:01:11:00</span>
<input id="startB" type="button" value="start countdown!" onclick="run()">
<input id="endB" type="button" value="stop countdown!" onclick="stop()">
<br>
<input id="diff" type="text">
<input id="next" type="text">
<mce:script language="Javascript"><!--
/* This notice must be untouched at all times.
countdown.js v. 1.0
The latest version is available at
http://blog.csdn.net/yjgx007
Copyright (c) 2004 Xinyi.Chen. All rights reserved.
Created 7/30/2004 by Xinyi.Chen.
Web: http://blog.csdn.net/yjgx007
E-Mail: chenxinyi1978@hotmail.com
Last modified: 7/30/2004
This program is free software;
you can redistribute it and/or modify it under the terms of the
GNU General Public License as published by the Free Software Foundation;
See the GNU General Public License
at http://www.gnu.org/copyleft/gpl.html for more details.
*/
var normalelapse = 100;
var nextelapse = normalelapse;
var counter;
var startTime;
var start = clock.innerText;
var finish = "00:00:00:00";
var timer = null;
// 开始运行
function run() {
startB.disabled = true;
endB.disabled = false;
counter = 0;
// 初始化开始时间
startTime = new Date().valueOf();
// nextelapse是定时时间, 初始时为100毫秒
// 注意setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行
timer = window.setInterval("onTimer()", nextelapse);
}
// 停止运行
function stop() {
startB.disabled = false;
endB.disabled = true;
window.clearTimeout(timer);
}
window.onload = function() {
endB.disabled = true;
}
// 倒计时函数
function onTimer()
{
if (start == finish)
{
window.clearInterval(timer);
alert("time is up!");
return;
}
var hms = new String(start).split(":");
var ms = new Number(hms[3]);
var s = new Number(hms[2]);
var m = new Number(hms[1]);
var h = new Number(hms[0]);
ms -= 10;
if (ms < 0)
{
ms = 90;
s -= 1;
if (s < 0)
{
s = 59;
m -= 1;
}
if (m < 0)
{
m = 59;
h -= 1;
}
}
var ms = ms < 10 ? ("0" + ms) : ms;
var ss = s < 10 ? ("0" + s) : s;
var sm = m < 10 ? ("0" + m) : m;
var sh = h < 10 ? ("0" + h) : h;
start = sh + ":" + sm + ":" + ss + ":" + ms;
js.rar （72个子文件） 
js案例 
js倒计时.txt 8KB
image-slideshow-5相册程序.zip 486KB
无间断滚动.htm 12KB d748.zip 408KB
图片切换器.rar 105KB 新建 文本文档.txt 4KB tab_switch.rar 375KB d733.zip 32KB 图片切换1.htm 11KB 纯div+css制作的弹出菜单-04.htm 20KB tab选项卡.zip 20KB 可自动缩放的JS弹性相册代码 懒人图库.txt 184B readme.htm 5KB images 
or16.jpg 25KB or39.jpg 45KB or4.jpg 40KB or11.jpg 14KB or30.jpg 23KB or1.jpg 40KB or10.jpg 30KB or27.jpg 55KB or14.jpg 40KB or2.jpg 27KB or12.jpg 12KB or6.jpg 29KB or46.jpg 10KB or44.jpg 17KB or9.jpg 27KB or33.jpg 47KB or8.jpg 15KB index.jpg 8KB
index.html 11KB js dhteumeuleu.js 730B 纵向js图片播放器.zip 91KB AJAX Photo Gallery.zip 428KB 横向的JS相册效果.zip 62KB v70_full.rar 2.84MB tab选项卡案例.html 3KB 图片上左右箭头翻页代码.zip 408KB 替代Marquee的无间断滚动代码.htm 11KB 好用的tab选项卡.htm 5KB AJAX Photo Gallery 懒人图库.txt 184B css css.css 1KB readme.htm 5KB images 
right.gif 238B left.gif 243B bg.gif 228B Thumbs.db 7KB loading.gif 3KB index.jpg 13KB index.html 2KB js slide.js 4KB thumbs 2.jpg 9KB 1.jpg 10KB 3.jpg 9KB 5.jpg 6KB 4.jpg 8KB Thumbs.db 19KB fullsize 2.jpg 98KB 1.jpg 82KB 3.jpg 68KB 5.jpg 43KB 4.jpg 71KB Thumbs.db 18KB tab22.htm 4KB v66_full.rar 2.71MB Flash+xml仿IPOD图片展示代码.zip 465KB 可自动缩放的JS弹性相册代码.zip 504KB css 2.0 中文手册.chm 259KB 导航菜单11.htm 12KB 纯div+css制作的弹出菜单-02.htm 18KB js弹性相册展示.rar 458KB
四散
- 粉丝: 65
- 资源: 1万+
最新资源
- 2023-04-06-项目笔记 - 第三百二十五阶段 - 4.4.2.323全局变量的作用域-323 -2025.11.22
- 惠普Laser Jet Professional P1100（系列）打印机驱动下载
- IT学士必备学习资料大全
- 纯js实现五子棋小游戏
- 柯尼卡美能达Bizhub C364e打印机驱动下载
- CMake 入门实战的源代码
- c7383c5d0009dfc59e9edf595bb0bcd0.zip
- 柯尼卡美能达Bizhub C266打印机驱动下载
- java游戏之我当皇帝那些年.zip开发资料
- 基于Matlab的汉明码(Hamming Code)纠错传输以及交织编码(Interleaved coding)仿真.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0