导航:首页 > 万维百科 > 网页设计倒计时代码是什么

网页设计倒计时代码是什么

发布时间:2020-10-16 09:07:46

1、网页设计如何做倒计时牌

<body>
<div id="timer"></div>
<script type="text/javascript" language="javascript">
var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒,月要减去1
(function JiShi()
{
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(ofs<0){document.getElementById('timer').innerHTML='倒计时结束!';return;};
setTimeout('JiShi()',1000);
}());

</script>
</body>

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

2、易语言怎么制作倒计时1年的时钟?365天倒计时,倒计时一直不停止 关机也不停止

1、将预置时间 转成 时间戳 并写进程序(即,在程序中设置成全局变量)

2、连接网络,取网络标准时间的时间戳(不取本地时间,是因为某些原因会导入时间不准确,比如人为手动修改时间)

3、判断时间差(通过 全局变量的时间戳 - 网络时间戳 = 倒计时的时间戳

4、通过 倒计时的时间戳 转换成倒数数据(具体的,都是除法)

5、开机启动(这项可略过,1年内,要是重装系统,就没得玩了,所以;可以略过)

6、完成上面的,基本上就已经可以成功完成倒计数;不论你什么启动,在网络下都可以准确倒计时

7、最重要的一点,不要问我要源码,自己写

3、ASP网页设计问题,如何制作网页上的团购倒计时功能?

你好!

不知道问题解决没有!
我这有段代码,看看你能用不?
------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
var iTimerID;
function showTime(n){
var d = new Date(n);
var today = new Date();
var millisecond = d.getTime()-today.getTime();
if(millisecond>0){
var s_day = 24*60*60*1000;
var s_hour = 60*60*1000;
var s_minute=60*1000;
var s_second=1000;
var meDay = parseInt(millisecond/s_day);
var meHour= parseInt((millisecond%s_day)/s_hour);
var meMinute=parseInt(((millisecond%s_day)%s_hour)/s_minute);
var meSecond=parseInt((((millisecond%s_day)%s_hour)%s_minute)/s_second);
document.getElementById("nowtime").innerHTML = "团购还剩: " + meDay + " 天 " + meHour + " 小时 " + meMinute +" 分钟 " + meSecond + " 秒";
iTimerID = window.setTimeout("showTime('"+n+"')",1000);
}else{
if(iTimerID){ window.clearTimeout(iTimerID); }
document.getElementById("nowtime").innerHTML = "团购还剩: 0 天 0 小时 0 分钟 0 秒 已结束";
}
}
</script>
</head>
<body>
<a href="javascript:showTime('2013-01-28 05:45:25')">团购倒计时</a>
<hr />
<div id="nowtime" style="width:420px;background-color:#FFCCCC"></div>
</body>
</html>
-----------------------------------------------------------------------------------------------

4、怎样自定义HTML网页制作倒计时牌?

需要下载这个页面的JS代码,并将这个代码加入到页面中才能起作用。

5、网页制作小白,请问如何做个有这样的效果的小倒计时器

《!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<title>jQuery计时器插件TimeCircles演示1</title>

<link rel="stylesheet" href="http://www.17sucai.com/preview/22557/2014-11-04/62/css/TimeCircles.css" />

</head>


<body>

<h1 style="margin: 40px; font: 32px Microsoft Yahei; text-align: center;">jQuery计时器插件TimeCircles演示1</h1>


<div class="menu">

<a class="cur" href="http://www.17sucai.com/preview/22557/2014-11-04/62/index.html">演示1(默认+美化)</a>

<a href="http://www.17sucai.com/preview/22557/2014-11-04/62/index_2.html">演示2(带控制)</a>

</div>


<p style="width: 580px; margin: 0 auto; text-align: center;">离2014年1月1日还有(2014年1月1日已过)</p>

<div id="someTimer1" class="someTimer" data-date="2014-01-01 00:00:00" style="width: 700px; margin: 0 auto;"></div>


<p style="width: 580px; margin: 0 auto; text-align: center;">倒计时65秒后结束</p>

<div id="someTimer2" class="someTimer" data-timer="65" style="width: 700px; margin: 0 auto;"></div>


<p style="width: 580px; margin: 0 auto; text-align: center;">页面开始时计时</p>

<div id="someTimer3" class="someTimer" style="width: 700px; margin: 0 auto;"></div>


<script src="http://www.17sucai.com/preview/22557/2014-11-04/62/js/jquery-1.7.2.min.js"></script>

<script src="http://www.17sucai.com/preview/22557/2014-11-04/62/js/TimeCircles.js"></script>

<script>

$(function(){

$('#someTimer1').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

}

});

$('#someTimer2').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

},

refresh_interval: 0.1,

count_past_zero: false,

circle_bg_color: "#ddd",

fg_width: 0.03,

bg_width: 0.2

});

$('#someTimer3').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

},

refresh_interval: 0.1,

count_past_zero: true,

circle_bg_color: "#eee",

fg_width: 0.05,

bg_width: 1

});

});

</script>


</body>

</html>

6、我想利用javascript制作一个在网页右下角出现的浮动窗口,窗口里面是2分钟的倒计时,时间一到就转到另一个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function foo(){
var s=document.getElementById('m').innerHTML;
if(s==0){document.getElementById('d1').style.display='none'; document.getElementById('d2').style.display='block'; return;}
document.getElementById('m').innerHTML=s-1;
t=setTimeout('foo()',1000);
}
</script>

<body onload="foo()">
<div id="d1" style="position:absolute; right:0px; bottom:0px; border:1px solid #666; width:200px; height:100px; background-color:#FFFFBF; display:block;">第一个窗口,<br />倒计时<span id="m">120</span>秒</div>
<div id="d2" style="position:absolute; right:0px; bottom:0px; border:1px solid #666; width:200px; height:100px; background-color:#FFFFBF; display:none;">第二个窗口</div>
</body>
</html>

7、QQ空间里面能不能设置一些比如倒计时之类的时钟设计表

操作方法:
1)打开你的QQ空间,点击“自定义”——“新建模块”。

2)接着,会弹出一个“网页对话框”,
模块类型,选择“FLASH动画模块”,单击他。
3)又弹出一个“网页对话框”,
添加标题,填上你喜欢的名字;FLASH动画地址,请填入FLSAH文件的地址

输入的FLSAH文件的地址就是我上面给你展示的地址~~

希望被采纳~~

与网页设计倒计时代码是什么相关的知识