网页倒计时代码（倒计时网页制作）

今天给各位分享网页倒计时代码的知识，其中也会对倒计时网页制作进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、求html网页高手 倒计时代码！
• 2、网页倒计时代码，精确到秒
• 3、html页面的倒计时代码。。。。急求！！！！
• 4、html页面的倒计时代码是什么？

求html网页高手 倒计时代码！

不知道对不对啊

你看看啊

HTML

HEAD

TITLE时间日期篇--倒计时1/TITLE

/HEAD

BODY

bgcolor="#fef4d2"

onLoad=DownCount()

brbr

center

font

color="ffaafa"h2时间日期篇--倒计时1/h2/font

hr

width=300

brbr

!--

案例代码1开始

--

script

language=JavaScript

!--

[Step1]:

这里可以设置倒计时的月日年

--

var

theDay

=

new

Date("January

1,

2008")

var

DayALL

function

DownCount(){

var

today

=

new

Date()

var

seconds

=

Math.floor((theDay.getTime()

-

today.getTime())/1000)

var

minutes

=

Math.floor(seconds/60)

var

hours

=

Math.floor(minutes/60)

var

days

=

Math.floor(hours/24)

CDay=

days

CHour=

hours

%

24

CMinute=

minutes

%

60

CSecond=

seconds

%

60

DayALL

=

CDay

+

"

天

,

"

+

CHour

+

"

小时

,

"

+

CMinute

+

"

分钟

,

"

+

CSecond

+

"

秒

"

document.clock.DownCount.value

=

DayALL

var

counter

=

setTimeout("DownCount()",

1000)

}

/script

!--

案例代码1结束

--

!--

案例代码2开始

--

form

name

=

"clock"

!--

[Step2]:

这里可以更该页面上显示的提示信息

--

距离

2008

年

1

月

1

日，您将还有

br

!--

[Step3]:

这里可以改变时间的列长度

--

input

type="TEXT"

name=

"DownCount"

size=

"35"

/form

!--

案例代码2结束

--

/BODY

/HTML

网页倒计时代码，精确到秒

脚本说明:

第一步：把如下代码加入body区域中

SCRIPT LANGUAGE="JavaScript"

!-- Begin

function getTime() {

now = new Date();

y2k = new Date("Jan 1 2005 14:00:00");

days = (y2k - now) / 1000 / 60 / 60 / 24;

daysRound = Math.floor(days);

hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);

hoursRound = Math.floor(hours);

minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);

minutesRound = Math.floor(minutes);

seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);

secondsRound = Math.round(seconds);

sec = (secondsRound == 1) ? " second." : " seconds.";

min = (minutesRound == 1) ? " minute" : " minutes, ";

hr = (hoursRound == 1) ? " hour" : " hours, ";

dy = (daysRound == 1) ? " day" : " days, "

document.timeForm.input1.value = "剩余时间: " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec;

newtime = window.setTimeout("getTime();", 1000);

}

// End --

/script

距离: Jan 1, 2005 2:00:00 p.m.

form name=timeForm

input type=text name=input1 size=70 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif"

/form

第二步：把body中的内容改为：

body bgcolor="#fef4d9" onLoad="getTime()"

希望可以帮到你哦

html页面的倒计时代码。。。。急求！！！！

body

div id="timer"/div

script type="text/javascript" language="javascript"

var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒，月要减去1

(function daoJiShi()

{

var now=new Date();

var oft=Math.round((endDate-now)/1000);

var ofd=parseInt(oft/3600/24);

var ofh=parseInt((oft%(3600*24))/3600);

var ofm=parseInt((oft%3600)/60);

var ofs=oft%60;

document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒';

if(ofs0){document.getElementById('timer').innerHTML='倒计时结束！';return;};

setTimeout('daoJiShi()',1000);

}());

/script

/body

html页面的倒计时代码是什么？

br倒计时已结束br

span id="span_dt_dt" style='border:1px solid black;background-color:#FFFFFF' /span

SCRIPT language=javascript

!--

//document.write("");

function show_student163_time(){

window.setTimeout("show_student163_time()", 1000);

BirthDay=new Date("00-00-0000");//改成你的计时日期

today=new Date();

timeold=(BirthDay.getTime()-today.getTime());

sectimeold=timeold/1000

secondsold=Math.floor(sectimeold);

msPerDay=24*60*60*1000

e_daysold=timeold/msPerDay

daysold=Math.floor(e_daysold);

e_hrsold=(e_daysold-daysold)*24;

hrsold=Math.floor(e_hrsold);

e_minsold=(e_hrsold-hrsold)*60;

minsold=Math.floor((e_hrsold-hrsold)*60);

seconds=Math.floor((e_minsold-minsold)*60);

span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;

}

show_student163_time();

//--

/SCRIPT

修改成需要的时间段，直接嵌入就可以了~~~祝你愉快！

关于网页倒计时代码和倒计时网页制作的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。