简单实用jquery实现数字读秒的倒计时代码

最新推荐文章于 2022-07-16 14:20:11 发布

北岸灬

最新推荐文章于 2022-07-16 14:20:11 发布

阅读量4.4k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_22074635/article/details/50608082

版权

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的倒计时插件，通过计算剩余时间并展示为天、时、分、秒的形式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">  
  
var intDiff = parseInt(900000);//倒计时总秒数量  
  
function timer(intDiff){  
    window.setInterval(function(){  
    var day=0,  
        hour=0,  
        minute=0,  
        second=0;//时间默认值          
    if(intDiff > 0){  
        day = Math.floor(intDiff / (60 * 60 * 24));  
        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);  
        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);  
        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);  
    }  
    if (minute <= 9) minute = '0' + minute;  
    if (second <= 9) second = '0' + second;  
    $('#day_show').html(day+"天");  
    $('#hour_show').html('<s id="h"></s>'+hour+'时');  
    $('#minute_show').html('<s></s>'+minute+'分');  
    $('#second_show').html('<s></s>'+second+'秒');  
    intDiff--;  
    }, 1000);  
}   
  
$(function(){  
    timer(intDiff);  
});   
</script>