网页设计如何做倒计时牌

急:现正在参加一个网页设计比赛,比赛要求不能用服务器技术,即不能使用ASP.NET等服务器语言编写。现需要一个倒计时排,请问能不能用JAVAscript或VBscript... 急:现正在参加一个网页设计比赛,比赛要求不能用服务器技术,即不能使用ASP.NET等服务器语言编写。现需要一个倒计时排,请问能不能用JAVAscript或VBscript来写一个,实现倒计时功能,就是把最近的节日做为目标倒计时。哪个大哥,高手有代码请贴下,谢谢了。 展开
 我来答
shihoumacili
高粉答主

推荐于2018-03-22 · 每个回答都超有意思的
知道大有可为答主
回答量:1.1万
采纳率:87%
帮助的人:484万
展开全部
在代码的body部分加上以下代码,即可实现。

<SCRIPT language=javascript><!--
BirthDay=new Date("january 01,2000");//改成计时日期
today=new Date();
timeold=(today.getTime()-BirthDay.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);
//-->
</SCRIPT><SCRIPT language=javascript><!--
document.write("新世纪已经进去了"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒了!");
//-->
</SCRIPT>
ws8121531
2015-11-12 · TA获得超过344个赞
知道小有建树答主
回答量:456
采纳率:42%
帮助的人:93万
展开全部

界面是这样的

附近里有详细的,倒计时间可以自己修改


已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友bfcbad5
2016-01-22 · TA获得超过567个赞
知道小有建树答主
回答量:826
采纳率:100%
帮助的人:204万
展开全部
最简单通俗的办法就是在网上下载一个源码即可。
建议:
提取出倒计时的源码后,把相对应的css和div改成自己想要的模型。既省时又省力,有时候你需要的,仅仅是一个下载即可。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
卡路里德苏瓦
2015-09-17 · TA获得超过1672个赞
知道小有建树答主
回答量:1178
采纳率:53%
帮助的人:343万
展开全部
<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(ofs<0){document.getElementById('timer').innerHTML='倒计时结束!';return;};
setTimeout('daoJiShi()',1000);
}());

</script>
</body>

修改成需要的时间段,直接嵌入就可以了~~~祝你愉快!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
syl01133
2015-10-13 · TA获得超过199个赞
知道小有建树答主
回答量:217
采纳率:50%
帮助的人:96.4万
展开全部
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式