HBTech's Blog
网站计时、倒计时的一段代码

直接放源码好了……
这是计时的:

<span id="span_dt_dt"></span>
<script type="text/javascript">
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("06/27/2015 10:38:00");//月,日,年,小时,分钟,秒
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=setzero(Math.floor(e_hrsold));
e_minsold=(e_hrsold-hrsold)*60;
minsold=setzero(Math.floor((e_hrsold-hrsold)*60));
seconds=setzero(Math.floor((e_minsold-minsold)*60));
span_dt_dt.innerHTML="本站已运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
}
function setzero(i){
if (i<10)
{i="0" + i};
return i;
}
show_date_time();
</script>

代码中第 5 行的时间就是建站时间,插入到网站的适当位置即可显示已建站 xxxx 天。

倒计时:

<span id="span_dt_dts"></span>
<script type="text/javascript">
function show_date_times(){
window.setTimeout("show_date_times()", 1000);
todays=new Date("06/07/2019 00:00:00");//月,日,年,小时,分钟,秒
BirthDays=new Date();
timeolds=(todays.getTime()-BirthDays.getTime());
sectimeolds=timeolds/1000
secondsolds=Math.floor(sectimeolds);
msPerDays=24*60*60*1000
e_daysolds=timeolds/msPerDays
daysolds=Math.floor(e_daysolds);
e_hrsolds=(e_daysolds-daysolds)*24;
hrsolds=setzero(Math.floor(e_hrsolds));
e_minsolds=(e_hrsolds-hrsolds)*60;
minsolds=setzero(Math.floor((e_hrsolds-hrsolds)*60));
secondss=setzero(Math.floor((e_minsolds-minsolds)*60));
span_dt_dts.innerHTML="距离 2019 年高考还有"+daysolds+"天"+hrsolds+"小时"+minsolds+"分"+secondss+"秒";
}
function setzero(is){
if (is<10)
{i="0" + is};
return is;
}
show_date_times();
</script>

其实和上面的是差不多的,只不过是把变量 today 和 BirthDay 互换了位置,并且在每个函数名、变量名的后面+了1个s,否则就不能同时显示计时和倒计时了。
效果见页底,源码来自LWL的博客,我小小的修改了一下_(:зゝ∠)_

HBTech's Blog

网站计时、倒计时的一段代码
直接放源码好了…… 这是计时的: <span id="span_dt_dt"></span> <script type="text/javascript"> function show_date_time(){ window.setTimeout("show_date_tim…
扫描二维码继续阅读
2018-04-05