JS倒计时代码

第一种：精确到秒的javascript倒计时代码

HTML代码:

</div>

</form>

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();
}
// -->
</script>

第二种：某某运动会

HTML代码:

<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
setTimeout("DigitalTime1()",1000)

}

if (day<0)
//已经开幕
{
//LiveClock1.innerHTML =
"现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second
+"秒"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)

}

if (day==0) //正在开幕
{
//LiveClock1.innerHTML =
"现在"+symbol+"天"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)

}

if (day<0 & day_2>19)
//某某运动会结束
{
//LiveClock1.innerHTML =
"现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second
+"秒"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)

}

}
// -->
</script>

<body
onload=DigitalTime1()>

</body>

第三种：小时倒计时

HTML代码:
<SCRIPT
LANGUAGE="JavaScript">

<!--
var maxtime = 60*60
//一个小时，按秒计算，自己调整!
function CountDown(){
if(maxtime>=0){

minutes =
Math.floor(maxtime/60);
seconds =
Math.floor(maxtime`);
msg =
"距离结束还有"+minutes+"分"+seconds+"秒";

document.all["timer"].innerHTML=msg;

if(maxtime == 5*60)
alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer =
setInterval("CountDown()",1000);

//-->
</SCRIPT>

第四种：最简倒计时

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代码:
<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)　　
}
</script>

距某某开幕式还有 [<script language="JavaScript"
type="text/javascript">djs()</script>]
天
第五个：Javascript倒计时器 -
采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确,
代码及详细注释如下:

<br>

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;
clock.innerText = start;

// 清除上一次的定时器
window.clearInterval(timer);

// 自校验系统时间得到时间差,
并由此得到下次所启动的新定时器的时间nextelapse

counter++;

var counterSecs = counter *
100;
var elapseSecs = new Date().valueOf() -
startTime;
var diffSecs = counterSecs -
elapseSecs;
nextelapse = normalelapse +
diffSecs;
diff.value = counterSecs + "-" + elapseSecs + "=" +
diffSecs;
next.value = "nextelapse = " +
nextelapse;
if (nextelapse < 0) nextelapse =
0;

// 启动新的定时器
timer = window.setInterval("onTimer()",
nextelapse);

}
</script>

JS倒计时代码的更多相关文章

JS倒计时代码
JS倒计时代码 <div> <span id="KSD">3</span>天 <span id="KSH">1 ...
js倒计时代码适合于促销-倒计时代码
<div class="tiem_price clearfix fonts" style="margin-top:15px;"> <div c ...
JS倒计时网页自动跳转代码
<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...
原生js 当前时间倒计时代码
源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> ...
js倒计时-倒计输入的时间
计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...
js 倒计时（可自定义时间）
<html> <head> <title>js 倒计时</title> </head> <body> <div> & ...
活动倒计时代码（精确到毫秒）jquery插件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
js 倒计时已过去时间
页面中的代码: <strong id="timer" datatime="2012-12-09 10:20:30"></strong> ...
js倒计时，秒倒计时，天倒计时
按天倒计时 HTML代码1: <Script Language="JavaScript"> <!-- Begin var timedate= new Date(& ...

随机推荐

《ASP.NET MVC4 WEB编程》学习笔记------UrlHelper
HtmlHelper帮助我们生成Html标记代码:UrlHelper帮助我们生成URL链接地址我们学习一下UrlHelper帮助类,看类名也都知道这个类是用来帮我们生成URL在ASP.NET MVC ...
iOS CoreData学习资料和问题
这里是另一篇好文章 http://blog.csdn.net/kesalin/article/details/6739319 这里是另一篇 http://hxsdit.com/1622 (不一定能访问 ...
【JAVA、C++】LeetCode 009 Palindrome Number
Determine whether an integer is a palindrome. Do this without extra space. 解题思路一: 双指针法,逐位判断 Java代码如下 ...
Light OJ 1296 - Again Stone Game (博弈sg函数递推)
F - Again Stone Game Time Limit:2000MS Memory Limit:32768KB 64bit IO Format:%lld & %llu ...
[] ubuntu 14.04 搜狗拼音输入法安装
1.需要现在ubuntu下安装fcitx和libssh2-1命令如下 sudo apt-get install fcitx sudo apt-get install libssh2-1 注意最好是先卸 ...
cjb
输入216.194.70.6 ,进入到是cjb.net的主页,并不是shell.cjb.net ,进入主页后点击shell,就进不去了分析:shell.cjb.net被DNS污染了解法:hosts ...
Material Design入门（三）
本文主要包括 CollapsingToolbarLayout实现滚动动画效果 ViewPager+tabLayout实现左右类Tab效果控件介绍这次需要用到得新控件比较多,主要有以下几个: Coo ...
ytu 1940:Palindromes _easy version（水题）
Palindromes _easy version Time Limit: 1 Sec Memory Limit: 64 MBSubmit: 47 Solved: 27[Submit][Statu ...
Luci中cbi控件类型总结
转自:http://blog.chinaunix.net/uid-28413840-id-4654479. 名称描述继承自模板 NamedSection A fixed configuratio ...
uva 10246（最短路变形）
题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=28972 思路:spfa求出每个点到其余顶点的最短路(最短路上的每个 ...

JS倒计时代码

JS倒计时代码的更多相关文章

随机推荐

热门专题