网页设计如何做倒计时牌
发布网友
发布时间:2022-04-24 02:46
我来回答
共6个回答
热心网友
时间:2022-05-18 00:21
在代码的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>
热心网友
时间:2022-05-18 01:39
界面是这样的
附近里有详细的,倒计时间可以自己修改
热心网友
时间:2022-05-18 03:14
最简单通俗的办法就是在网上下载一个源码即可。
建议:
提取出倒计时的源码后,把相对应的css和div改成自己想要的模型。既省时又省力,有时候你需要的,仅仅是一个下载即可。
热心网友
时间:2022-05-18 05:05
<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>
修改成需要的时间段,直接嵌入就可以了~~~祝你愉快!
热心网友
时间:2022-05-18 07:13
一般是用setInterval() 方法
http://www.w3school.com.cn/jsref/met_win_setinterval.asp
热心网友
时间:2022-05-18 09:38
你可以去 或 google 搜索 "时间时间特效" 你就可以找到很多 JS做的这方面的东西 一定有你想要找的