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

本篇文章给大家谈谈倒计时的网页设计代码，以及倒计时网页制作对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、网页倒计时代码，精确到秒
• 2、倒计时代码怎么写？
• 3、网页倒计时代码
• 4、html页面的倒计时代码。。。。急求！！！！
• 5、求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()"

希望可以帮到你哦

倒计时代码怎么写？

#python 倒计时代码

import time

count = 0

min = 10 #倒计时10个数

while (count min):

time.sleep(1)#倒计时休眠时间1秒。

print("\r%s" % str(min - count).center(20,'-'), end="") # 总长度20，字符居中，其余部分用'-'填空

count += 1

网页倒计时代码

msg = "距离结束还有"+minutes+"分"+seconds+"秒";

SCRIPT LANGUAGE="JavaScript"

!--

var maxtime;

if(window.name==''){

maxtime = 60*60;

}else{

maxtime = window.name;

}

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;

window.name = maxtime;

}

else{

clearInterval(timer);

alert("时间到，结束!");

}

}

timer = setInterval("CountDown()",1000);

//--

/SCRIPT

div id="timer" style="color:red"/div

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网页高手 倒计时代码！

不知道对不对啊

你看看啊

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

倒计时的网页设计代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于倒计时网页制作、倒计时的网页设计代码的信息别忘了在本站进行查找喔。