零基础建站培训介绍

当前位置:

js时间倒计时代码(含时、分、秒)

我们在自己建网站时,有时需要在自己的网站上放一个倒计时功能。例如:离2020年还有XX年XX月XX日X时X分X秒,包含 年、月、日、时、分、秒,并且这个时间是自动变化的。

网站倒计时js代码(含 年、月、日、时、分、秒)

如何在自己做的网站上显示这样的倒计时功能呢,与网页中动态显示当前日期和时间方法类似,只需要一段js时间倒计时代码即可。网站倒计时JS特效代码如下:

<script language="javascript" type="text/javascript">
var interval = 1000;
function ShowCountDown(year,month,day,hour,minute,divname)
{
var now = new Date();
var endDate = new Date(year, month-1, day,hour,minute,);
var leftTime=endDate.getTime()-now.getTime();
var leftsecond = parseInt(leftTime/1000);
//var day1=parseInt(leftsecond/(24*60*60*6));
var day1=Math.floor(leftsecond/(60*60*24));
var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
var cc = document.getElementById(divname);
cc.innerHTML = "学做网站论坛提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
}
window.setInterval(function(){ShowCountDown(2090,4,20,21,30,'divdown1');}, interval);
</script>

<span id="divdown1"></span>

只需要将上面的这段JS代码放在自己网站上需要显示倒计时的位置即可。

还可以自己设置倒计时的到期日期,只需要修改 2020,4,20,21,30, 为你自己需要到期的日期,就会自己按照你设置的日期进行计算并倒计时。

上一课: 下一课:

发表评论