网页设计如何做倒计时牌
急:现正在参加一个网页设计比赛,比赛要求不能用服务器技术,即不能使用ASP.NET等服务器语言编写。现需要一个倒计时排,请问能不能用JAVAscript或VBscript...
急:现正在参加一个网页设计比赛,比赛要求不能用服务器技术,即不能使用ASP.NET等服务器语言编写。现需要一个倒计时排,请问能不能用JAVAscript或VBscript来写一个,实现倒计时功能,就是把最近的节日做为目标倒计时。哪个大哥,高手有代码请贴下,谢谢了。
展开
6个回答
展开全部
在代码的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>
<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>
展开全部
最简单通俗的办法就是在网上下载一个源码即可。
建议:
提取出倒计时的源码后,把相对应的css和div改成自己想要的模型。既省时又省力,有时候你需要的,仅仅是一个下载即可。
建议:
提取出倒计时的源码后,把相对应的css和div改成自己想要的模型。既省时又省力,有时候你需要的,仅仅是一个下载即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
修改成需要的时间段,直接嵌入就可以了~~~祝你愉快!
<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>
修改成需要的时间段,直接嵌入就可以了~~~祝你愉快!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
一般是用setInterval() 方法
http://www.w3school.com.cn/jsref/met_win_setinterval.asp
http://www.w3school.com.cn/jsref/met_win_setinterval.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询