美文网首页
常用的倒计时功能

常用的倒计时功能

作者: chenjundi | 来源:发表于2019-01-31 13:47 被阅读0次

移动端经常会遇到点击获取短信验证码60s倒计时或者是秒杀活动的需求,对于日时分秒自己每次都得重新计算,于是自己就封装一个类似的功能,以后直接copy就行了。

var timer = null;
var t = 60;
countDown();
function countDown() {
    timer = setInterval(function () {
        //console.log(t);
        var d = 0, h = 0, m = 0, s = 0;
        if (t > 0) {
            h = Math.floor(t / (60 * 60)) - (d * 24);
            m = Math.floor(t / 60) - (d * 24 * 60) - (h * 60);
            s = Math.floor(t) - (d * 24 * 60 * 60) - (h * 60 * 60) - (m * 60);
        } else {
            clearInterval(timer);
            t = 60;
        }
        d < 10 ? "0" + d : d;
        h < 10 ? "0" + h : h;
        m < 10 ? "0" + m : m;
        s < 10 ? "0" + s : s;
        //console.log(h + ":" + m + ":" + s);
        t--;
    }, 1000)
}

相关文章

  • Android 中简单实现倒计时功能

    在 Android 中倒计时功能是比较常用的一个功能,比如短信验证码,付款倒计时等。实现方式有Handler、Th...

  • 常用的倒计时功能

    移动端经常会遇到点击获取短信验证码60s倒计时或者是秒杀活动的需求,对于日时分秒自己每次都得重新计算,于是自己就封...

  • iOS开发-倒计时功能

    倒计时是一个常用的功能页面, 该功能可以分解成3步: ①倒计时UI的展示 ②定时数据的格式与解析 ③定时器的选择...

  • JavaScript 获取当前时间

    转载 | 笔记 获取当前时间 是很常用的功能,比如计算算法的用时,抢购的倒计时……

  • iOS 短信验证码倒计时

    本文完整Demo 项目中很常用的发送短信验证码倒计时功能(登录、注册、忘记密码、修改支付密码等) 对于这种功能大家...

  • CountDownTimer实现View控件显示倒计时功能

    一、简介 CountDownTimer 是 Android 提供的一个实现倒计时功能的抽象类,常用于实现“发送验证...

  • Android实现获取验证码的倒计时功能

    CountDownTimer 项目中经常用到倒计时的功能,比如说限时抢购,手机获取验证码等等。而google官方也...

  • Axure RP9 倒计时效果

    在注册时常用到发送验证码的功能,输入手机号后点击“发送验证码” 此时按钮置灰 并开始倒计时,倒计时结束后,可以再次...

  • WEB 七

    用JS写一些常用的特效 1.倒计时功能 2.购物车功能的实现 代码比较繁琐 只贴了JS部分 比较重要的几个函数 ...

  • android 倒计时CountDownTimer类的使用总结

    一、概述 项目中经常用到倒计时的功能:手机获取验证码。google官方也帮我们封装好了一个类:CountDownT...

网友评论

      本文标题:常用的倒计时功能

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