八、 倒计时

页面里面的调用

Data为接口

只需要获得时间差即可

var date1=new Date(data.display_begin_at);  //开始时间

              var date2=new Date(data.display_end_at);    //结束时间

              var date3=(date2.getTime()-date1.getTime())/1000;  

           var time_stamp = date3;

        timer(time_stamp);

 

页面调用的中间函数

function timeStamp(date) {

    return new Date(date).getTime();

}

倒计时的代码

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(hour+'时');

        $('#minute_show').html(minute+'分');

        $('#second_show').html(second+'秒');

        intDiff --;

    }, 1000);

}

posted @   杰_森  阅读(146)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示