资讯专栏INFORMATION COLUMN

倒计时方法

VEIGHTZ / 2390人阅读

摘要:前几天,公司新来的小后台让我给他一个倒计时的方法,由于忙项目也没有给他好好整理,就胡乱写了一个,让他用。后来他问我有木有,我说木有,好像有点鄙视我的眼光好吧,再次根据获取节点倒计时秒重新发送重新发送

前几天,公司新来的小后台让我给他一个倒计时的方法,由于忙项目也没有给他好好整理,就胡乱写了一个,让他用。后来他问我有木有blog,我说木有,好像有点鄙视我的眼光 = =、 好吧, 再次blog!

/*
* @根据ID获取节点
* @method Id
* @param string
* @return Object
* */
function Id(str){
    return document.getElementById(str);
}
/*
* @倒计时
* @method timeCountDown
* @param String String
* @return null
* */
function timeCountDown(str,bgColor){
    var signal = true;
    var time=60;
    if(signal){
        signal = false;
        Id(str).style.backgroundColor = "#aaa";
        var timer_2 = setInterval(function(){
            time--;
            Id(str).innerHTML = time+"秒重新发送";
            if(time == 0){
                clearInterval(timer_2);
                Id(str).innerHTML = "重新发送";
                signal = true;
                Id(str).style.backgroundColor = bgColor;
            }
        },1000)
    }
}

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

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

相关文章

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

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

    mdluo 评论0 收藏0
  • JavaScript 前端计时纠偏实现

    摘要:前端网页倒计时是非常常见的应用,我们在各大购物网站的秒杀活动中总是能见到它的身影。这个方法简单但也有点粗暴,下面提供一种方法,能够一定程度上不依赖服务端实现倒计时的纠偏。 前端网页倒计时是非常常见的应用,我们在各大购物网站的秒杀活动中总是能见到它的身影。但是在实际情况中,我们常常会发现当网页不刷新、让倒计时程序持续运行时,显示时间相比实际时间会越来越慢,相信大家也有在秒杀时间即将到来时...

    EsgynChina 评论0 收藏0
  • 基于C-V2X的闯红灯预警方法与流程

    摘要:其中判断信号灯的和车辆的位置关系可以通过,车辆的航向角信息,以及车辆的经纬度信息,目标点的经纬度信息,进行计算和处理后可以获取目标点和车辆的相对位置。 首先简单说明一下闯红灯预警算法流程图,总共分为7步如下图所示: 背景技术: 本算法主要是基于V2X通信技术,在道路交通中,车辆与车辆之间,...

    RobinQu 评论0 收藏0

发表评论

0条评论

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