温馨提示:网站使用自适应技术,手机与电脑显示界面不同,电脑界面显示效果更佳。

做了个小站,积累一些技术,分享一些原创
    体会生活,记录一些小随笔,闲说心得

写一个网页倒数计时代码

原创:张荣国

2020就这样过去了,时间过得有时真的挺快的。想想离春节也不远了。突然想到或者能在网站上放个倒计时,提示自己打开网站时能看到离春节还有多少天,于是,有了下面这个代码:

<div class="text" style=" text-align:center;">
<span id="t_d">00</span>
<span id="t_h">00</span>
<span id="t_m">00</span>
<span id="t_s">00</span>
</div>
//这一段是开始时的归零显示
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2021/02/12 00:00:00'); //设置截止时间
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        var d=Math.floor(t/1000/60/60/24);
        var h=Math.floor(t/1000/60/60%24);
        var m=Math.floor(t/1000/60%60);
        var s=Math.floor(t/1000%60);
  
        document.getElementById("t_d").innerHTML = d + " 天";
        document.getElementById("t_h").innerHTML = h + " 时";
        document.getElementById("t_m").innerHTML = m + " 分";
        document.getElementById("t_s").innerHTML = s + " 秒";
		return getRTime;
    }
    setInterval(getRTime,1000);
</script>

效果可看首页,当然,不止可用于春节倒计时,任何倒数的,都可用。随你喜欢。

点击数:410

你可能也喜欢下面相关文章:

发表回复

必填项已用*标注