美文网首页
分秒倒计时

分秒倒计时

作者: cherubic_c | 来源:发表于2018-05-11 18:04 被阅读0次
data() {
    return {
      timeLeft: ""
    };
  },
//在mounted中调用
 mounted() {
    setInterval(this.countTime, 1000);
  },
//方法如下
methods: {
    countTime() {
      //获取当前时间
      let date = new Date();
      let now = date.getTime();
      //设置截止时间
      //let end = new Date(this.detail.CreatedDate).getTime() + 15 * 60 * 1000;//this.detail.CreatedDate可以是后端返回的创建时间
      let end = new Date("2018-05-11 15:02").getTime() + 15 * 60 * 1000;
      //console.log(end, "结束时间");
      //时间差
      let leftT = end - now;
      //console.log(leftT, "时间差");
      //定义变量 d,h,m,s保存倒计时的时间
      let d, h, m, s;
      if (leftT >= 0) {
        //d = Math.floor(leftT / 1000 / 60 / 60 / 24);
        //h = Math.floor((leftT / 1000 / 60 / 60) % 24);
        m = Math.floor((leftT / 1000 / 60) % 60);
        s = Math.floor((leftT / 1000) % 60);
      } else {
        m = 0;
        s = 0;
      }
      clearInterval(this.countTime);
      //将倒计时赋值到data中
      this.timeLeft = `${m}分${s<10 ? `0${s}` : `${s}` }秒`;
    }
  }
var timerHourDown;
function getTime(timeStamp) {
    //时分倒计时
    if (timeStamp > 0) {
        var h = 0;
        var m = 0;
        var s = 0;
        function countDown() {
            $('.icon-dater').show()
            if (timeStamp <= 0) {
                clearInterval(timerHourDown)
                $('.icon-dater').hide()
            }
            timeStamp -= 1000
            h = Math.floor((timeStamp / 1000 / 60 / 60) % 24);
            m = Math.floor((timeStamp / 1000 / 60) % 60);
            s = Math.floor((timeStamp / 1000) % 60);
            //console.log(timeStamp, s);
            $('.icon-dater').empty().html(h + "小时" + m + "分后自动确认")
        }
        timerHourDown = setInterval(countDown, 1000);
    } else {
        setTimeout(function () {
            $('.icon-dater').hide()
        }, 0)
        clearInterval(timerHourDown)
    }
}

    var d = parseInt(timeStamp / (24 * 60 * 60 * 1000));//天数
    var h = parseInt(timeStamp / (60 * 60 * 1000) % 24);//当前天内小时
    var hh = parseInt(timeStamp / (60 * 60 * 1000));//单纯剩余小时
    var m = parseInt(timeStamp / (60 * 1000) % 60);//当前小时内剩余分钟
    var mm = parseInt(timeStamp / 60 / 1000);//单纯剩余分钟
    var s = parseInt(timeStamp / 1000 % 60);//当前分钟内剩余秒数
    var ss = parseInt(timeStamp / 1000);//单纯剩余秒数

相关文章

  • 倒计时开始了

    倒计时开始 我爱你 从此要以分秒计算了

  • 分秒倒计时

  • vue倒计时 日时分秒

    公司业务要求:活动截止日期倒计时显示日时分秒平常的倒计时都是60秒,或者时分秒的。只能重头整一个

  • React Native 之倒计时(定时器)控件

    因为项目购物需要抢购倒计时展示功能,所以封装了个时分秒倒计时控件。把获取的的时间戳换算成时分秒传递给控件,时间戳换...

  • 小程序实现简单的倒计时秒杀效果

    1:小程序实现电商秒杀倒计时效果+样式 wxml: wxss: js 效果如下 2:时分秒倒计时+样式拼团秒杀功能...

  • js业务常用函数

    js来控制 字符串的长度! 去掉年月日时分秒 里的 时分秒! 根据时间差值 输出 倒计时的格式化 更加细则的判断数...

  • 高考前,再无白天与黑夜

    当倒计时,从年到月再到天的时候,高考就真的要来了。 当倒计时,从天变为小时和分秒的时候,2019考生就再无白天与黑...

  • js时分秒倒计时

  • IOS 卡片式倒计时

    需要做一个类似这种的倒计时 这种不难,但是比较烦,因为要把时分秒都分开,写好多label来存放倒计时还是通过计时器...

  • iOS倒计时(天时分秒)

    用法: 用法相当简单,在合适位置调用下面方法即可,但是要先传入倒计时的开始时间戳。 详细代码: -(void)ti...

网友评论

      本文标题:分秒倒计时

      本文链接:https://www.haomeiwen.com/subject/mkcqdftx.html