jquery实现倒计时功能

最新推荐文章于 2024-04-11 15:41:01 发布

Jtoman

最新推荐文章于 2024-04-11 15:41:01 发布

阅读量465

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.youkuaiyun.com/zhenglouji9184/article/details/78962203

jquery学习专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的倒计时插件，通过设置结束时间参数，可以在网页上实时展示剩余天数、小时、分钟及秒数。当倒计时结束时，将显示“已到期！”。

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

/**
 * 计算倒计时
 * @param endtime
 * @returns {string|string}
 */
function calCountdown(endtime,obj) {
    setInterval(function(){
        $(obj).each(function(){
            var obj = $(this);
            var endTime = new Date(endtime * 1000);
            var nowTime = new Date();
            var nMS=endTime.getTime() - nowTime.getTime();
            var myD=Math.floor(nMS/(1000 * 60 * 60 * 24));
            var myH=Math.floor(nMS/(1000*60*60)) % 24; //小时
            var myM=Math.floor(nMS/(1000*60)) % 60; //分钟
            var myS=Math.floor(nMS/1000) % 60; //秒
            var myMS=Math.floor(nMS / 100) % 10; //拆分秒
            if(myD>= 0){
                var str = myD+"天"+myH+"小时"+myM+"分"+myS+"秒"+myMS;
            }else{
                var str = "已到期！";
            }
            obj.text(str);
        });
    }, 100);
}