原生js倒计时效果

最新推荐文章于 2023-09-29 21:36:44 发布

ruanhongbiao

最新推荐文章于 2023-09-29 21:36:44 发布

阅读量429

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qappleh/article/details/81027191

版权

js 专栏收录该内容

85 篇文章 9 订阅

订阅专栏

原生js实现倒计时的效果，结束时间时间可以自己设置，主要用到了new Date( )和getTime( ),然后再用parseInt( )转化。

new Date()   //当前时间

getTime()    //指定的日期和时间距 1970 年 1 月 1 日午夜（GMT 时间）之间的毫秒数

完整代码：

<script>
function FreshTime()
{
        var endtime=new Date("2018/10/1,12:30:00");//结束时间
        var nowtime = new Date();//当前时间
        var lefttime= parseInt((endtime.getTime() - nowtime.getTime()) / 1000); 
        d=  parseInt(lefttime/(24*60*60));
        h=  parseInt(lefttime/(60*60)%24);
        m=  parseInt(lefttime/60%60);
        s=  parseInt(lefttime%60);
       
        document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒";
        if(lefttime<=0){
        document.getElementById("LeftTime").innerHTML="已结束";
        clearInterval(sh);
        }
}
   FreshTime();
   var sh;
   sh=setInterval(FreshTime,500) ;
</script>