TypechoJoeTheme

Dcr163的博客

统计

JS倒计时代码,在平常的应用中总会遇见页面需要倒计时的需求

2021-05-09
/
0 评论
/
885 阅读
/
正在检测是否收录...
05/09

JS倒计时代码,在平常的应用中总会遇见页面需要倒计时的需求

直接上代码

//时间倒计时 s
var lastTime = 105050;      //这个是倒计时的时间,按秒计算
var second = 0;            //秒
var minute=0;                    //分钟
var hour=0;                    //小时
var day=0;                    //天
var countDown = setInterval(function() {
    minute = parseInt(lastTime/60);       //算出一共有多少分钟
    second=lastTime%60;                         //算出有多少秒
    if(minute>60) {                     //如果分钟大于60,计算出小时和分钟
        hour = parseInt(minute/60);
        minute%=60;                     //算出有多分钟
    }
    if(hour>24){                        //如果小时大于24,计算出天和小时
        day = parseInt(hour/24);
        hour%=24;                       //算出有多分钟
    }
    if( day === 0 && hour === 0 && minute ===0 && second < 0){
        clearInterval(countDown);
        $('.sharelike-lasttime').text('活动已结束');
        return;
    }
    lastTime-=1;
    // console.log(day,'天',hour,'小时',minute,'H',second,'S');
    $('#day').text(day>9?day:"0"+day);
    $('#hou').text(hour>9?hour:"0"+hour);
    $('#min').text(minute>9?minute:"0"+minute);
    $('#sec').text(second>9?second:"0"+second);
},1e3);
//时间倒计时 e

下面是效果图

朗读
赞(0)
版权属于:

Dcr163的博客

本文链接:

https://dcr163.cn/453.html(转载时请注明本文出处及文章链接)

评论 (0)

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. William Tardent
    2024-02-27
  2. Maryann Hamer
    2024-02-27
  3. Sanora Pantano
    2024-02-24
  4. aa
    2024-02-21
  5. Kassie Baum
    2024-01-28

标签云