setinterval和settimeout用法_setinterval

setinterval和settimeout用法_setinterval简单用法setInterval按照指定的周期调用函数使用clearInterval()来清楚计时器写一个动态进度条功能

简单用法

  • setInterval按照指定的周期调用函数
var interalFunc
function myFunction(){
	//3秒后调用alertFunc函数
   interalFunc = setInterval(alerFunc,3000)
}
function alertFunc(){
    alert('hello zf')
}
  • 使用clearInterval()来清楚计时器
清除计时器,计时器必须要有一个变量名
//设置计时器
var myInterval = setInterval(alert('hello Mcdonald',3000))
//清除计时器
clearInterval(myInterval)
  • 写一个动态进度条功能
window.onload = function move(){
  let ele = document.getElementById('moveBar');
  let width = 0;
  let moveInterval = setInterval(frame,1000)
  function frame(){
      if(width === 500){
          clearInterval(moveInterval)
      }else{
          width++;
          ele.style.width=width+'%'
          ele.innerText = width+'%'
      }
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
转载请注明出处: https://daima100.com/13042.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注