美文网首页
倒计时封装

倒计时封装

作者: 妍儿昂 | 来源:发表于2018-11-30 10:29 被阅读0次

1.传入一个结束时间    eg:'2018-12-01 00:00:00'

var timer = null;

function time(that, time, cd) {

    console.log("当前时间", time)

    clearInterval(timer);

    if (time == '') {

        return false

    }

    var endTime = new Date(time).getTime() || 0,

        nowTime = new Date().getTime(),

        hours = 60 * 60,

        minutes = 60,

        lfTime = (endTime - nowTime) / 1000;

    if (lfTime < 0) {

        return cd()

    }

    timer = setInterval(function() {

        lfTime--;

        var Hours = Math.floor(lfTime / hours),

            Minutes = Math.floor((lfTime - Hours * hours) / minutes),

            Seconds = Math.floor((lfTime - Hours * hours - Minutes * minutes));

        Hours = Hours < 10 ? "0" + Hours : Hours;

        Minutes = Minutes < 10 ? "0" + Minutes : Minutes;

        Seconds = Seconds < 10 ? "0" + Seconds : Seconds;

        var time = {

            hour: Hours,

            min: Minutes,

            second: Seconds

        }

        if (Hours === '00' && Minutes === "00" && Seconds === "00") {

            clearInterval(timer);

            cd()

        }

        return that.setData({

            time: time

        })

    }, 1000)

}

module.exports = time;

2.调用方法  import  timer from '/你存放的路径'

3.使用   

timer(this, '2018-12-01 00:00:00', () => {

            console.log(1235567)

        })

相关文章

  • jdM站首页

    导航变色方法封装 banner轮播图方法封装 倒计时秒杀方法

  • 小方法

    封装animate 封装each 封装replace 原型链机制数组去重 选项卡 utils() 京东倒计时 京东...

  • ios封装的计时器

    简单的对倒计时进行封装 .h文件 .m文件

  • [小程序][医美]

    组件: 小程序组件开发模板 navbar 顶部导航组件封装原则 倒计时

  • vue3 倒计时编写

    通过使用vue Composition-Api 对倒计时进行封装,让倒计时的使用更加的灵活 1. 编写 count...

  • 倒计时封装

    1.传入一个结束时间 eg:'2018-12-01 00:00:00' var timer = null; fu...

  • Swift版的和Object-C版倒计时框架

    这是关于倒计时的封装,应用于:短信验证码倒计时以及其他的倒计时,代码已经传到github上,包含Swift版的和O...

  • 策略模式封装倒计时控件

    简介: StrategyCountDownTextView,用策略模式封装的倒计时控件。要显示不同的时间格式、文案...

  • iOS 倒计时器

    简单的封装GCD的倒计时,不需要管理runloop,实现了APP在后台倒计时(APP进入后台再返回前台时对比当前的...

  • Swift3.0 封装带有倒计时功能的按钮

    倒计时方法封装于CJSCountDownBtn内,可直接创建使用GitHub地址:https://github.c...

网友评论

      本文标题:倒计时封装

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