倒计时

作者: 茉茉莱莱 | 来源:发表于2016-10-31 20:23 被阅读0次

    var oBtn = document.getElementById('ban');//获取元素

    var oUp = document.getElementById('up');//获取元素

    oBtn.onclick = function  () {      //点击事件

    var timer = setInterval(go,30);     //循环定时器

    var width = 0;   //开始宽度为0

    function go(){    //定义函数

    width += 10;

    if (width >= 500) {   //当宽度达到500时取消循环定时器

    clearInterval(timer);

    width = 500;

    }

    oUp.style.width = width + 'px';

    console.log(width);      //在控制台观察清除效果

    }

    }

    相关文章

      网友评论

          本文标题:倒计时

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