资讯专栏INFORMATION COLUMN

倒计时

channg / 971人阅读

var update_time = function(){
    var time = $(".time").data("time"),
        day,hour,minute,second,unit,
        rest_time = time - 1,
        num = 1,
        str ="";
    $(".temporary-time").data("time",rest_time);   
    day = Math.floor(rest_time/60/60/24);
    if(day){
        rest_time -= day*60*60*24;
    }
    hour = Math.floor(rest_time/60/60);
    if(hour){
        rest_time -= hour*60*60;
    }
    minute = Math.floor(rest_time/60);
    if(minute){
        rest_time -= minute*60;
    }
    second = rest_time;
    unit = {
        "天":day,
        "时":hour,
        "分":minute,
        "秒":second
    }
    for(var item in unit){
        str += unit[item]+item;
        num ++;
    }
    $(".temporary-time").text(str);
}
update_time();
setInterval(update_time,1000);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78959.html

相关文章

  • js计时小插件--CountDown.js

    摘要:刚写的开源小插件,在这里宣传下地址欢迎吐槽一个用来实现简单页面倒计时的轻量级工具根据要计时的秒数打开一个显示剩余时间的倒计时参数放置倒计时的元素要计时的秒数用于给倒计时设置标记可以给多个倒计时设置同一个标记分割时分秒的分割符倒计时结束时执行 刚写的开源小插件,在这里宣传下 ^_^ github地址:https://github.com/flypie2/Co... 欢迎吐槽 ^_^ Co...

    mdluo 评论0 收藏0
  • C语言小项目——计时器(计时+报警提示)

    摘要:大家对计时器应该不陌生,我们在制定一个计划时,经常喜欢设置一个倒计时来规定完成时限,等到计时结束,它还会报警提示,今天,我就用语言编写一个简易的倒计时计时器。 ...

    Lin_YT 评论0 收藏0
  • 发送短信验证,后按钮计时,防止刷新计时失效

    摘要:一般原理是当点击发送按钮时,发送请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时。 应用场景 在开发发送短信验证功能时候,要解决一个问题,防止恶意或频繁发送短信验证码问题。一般原理是当点击发送按钮时,发送ajax请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时。如果就这样不对倒计时存储做处理,那么当刷...

    DevWiki 评论0 收藏0
  • 发送短信验证,后按钮计时,防止刷新计时失效

    摘要:一般原理是当点击发送按钮时,发送请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时。 应用场景 在开发发送短信验证功能时候,要解决一个问题,防止恶意或频繁发送短信验证码问题。一般原理是当点击发送按钮时,发送ajax请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时。如果就这样不对倒计时存储做处理,那么当刷...

    Rocture 评论0 收藏0
  • JS-异步函数链式调用(更新:20181221)

    摘要:基数,倒计时进入倒计时进入倒计时进入倒计时进入倒计时进入倒计时倒计数结束执行完毕,结果为,准备进入。 2018-12-21 更新1、简化调用方式,更贴近普通函数的风格;精简版戳这里! 2018-12-05 更新1、支持头节点入参;2、简化调用方式; //源码 function chainedFn(chain,firstFnArguments){ // 入参数据校验 ... ...

    lidashuang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<