倒计时

- 日理万妓 2021-12-23 08:41 428阅读 0赞

js代码

var EndTime= new Date('2017/2/18 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); //剩余秒数
        var getCodeTimer = setInterval(function() {
            t--;
            $('#t-d').html(d+'天');
            $('#t-h').html(h+'小时');
            $('#t-m').html(m+'分');
            if (t <= 0) {     //当时间差小于等于0时，归零
                clearInterval(getCodeTimer);
                $('#t-d').html(0+'天');
                $('#t-h').html(0+'小时');
                $('#t-m').html(0+'分');
            }
        }, 100);

第二种方式：

// 倒计时
        function GetRTime(){
           var EndTime= new Date('2017/3/19 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);
           $(".day").html(d);
           $(".hour").html(h);
           $(".minute").html(m);
           $(".second").html(s);
           if (t<=0) {
            clearInterval(GetRTime);
           }
       }
       setInterval(GetRTime,0);

转载于:https://www.cnblogs.com/qiye2016/p/6405660.html

发表评论取消回复

表情：

评论列表（有 0 条评论，428人围观）

还没有评论，来说两句吧...

相关阅读

相关 C#倒计时

C\新手，记录一下倒计时，30s的倒计时，附上效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

柔光的暖阳◎/ 2023年01月19日 03:09/ 0 赞/ 212 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 228 阅读

相关倒计时

验证输入手机号验证码倒计时 ![这里写图片描述][SouthEast]![这里写图片描述][SouthEast 1] \如上图所示要实现验证码的倒计时的效果

不念不忘少年蓝@/ 2022年06月02日 10:12/ 0 赞/ 305 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 317 阅读

相关商城倒计时

![20181204135456182.png][] <!DOCTYPE html> <html> <head> <meta chars

﹏ヽ暗。殇╰゛Y/ 2022年04月11日 02:45/ 0 赞/ 91 阅读

相关倒计时程序

倒计时程序的设计 /对于一个数字倒计时的设计问题描述：在日常工作中经常见到倒计时的设计，那么，如何设计倒计时呢？给出一个数字，每隔一秒减一

红太狼/ 2022年04月02日 04:46/ 0 赞/ 264 阅读

相关 javascript倒计时

<script type="text/javascript"> clock();//一开始来去初始化倒计时 setI

阳光穿透心脏的1/2处/ 2022年01月26日 15:01/ 0 赞/ 264 阅读

相关倒计时

js代码 var EndTime= new Date('2017/2/18 00:00:00'); //设置到期时间 var NowTime = ne

- 日理万妓/ 2021年12月23日 08:41/ 0 赞/ 429 阅读

相关 js倒计时

![20190820151447888.png][] function tow(n) { return n >= 0 &&

- 日理万妓/ 2021年10月19日 09:52/ 0 赞/ 386 阅读

相关 JS 倒计时

经常遇到需要倒计时的地方，下面的JS可以简单实现倒计时，当然可以加上Css使得界面更加美观！ `<script type=` `"text/javascript"` `>`

约定不等于承诺〃/ 2021年09月29日 17:34/ 0 赞/ 494 阅读