饥渴少妇av无码影片，国产精品真人无码区，久久精品免费，久久国产精品-国产精，亚洲av片不卡无码一动漫，亚洲无码在线国产，日本操逼一区二区，在线看片无码永久免费Aⅴ动漫

<!DOCTYPE html>
<html>
<title>Window setTimeout()遞歸 方法示例 - 基礎教程(cainiaoplus.com)</title>

<head>
<style>
#progress {
  width: 100%;
  height: 30px;
  position: relative;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
}

#progress-bar {
  background-color: #d9534f;
  width: 10px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  color: white;
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
</style>
</head>
<body>

<h1>JavaScript 進度條</h1>

<button onclick="start()">開始進度條</button> 
<button onclick="stop()">停止進度條</button>

<p>此示例使用遞歸創(chuàng)建動態(tài)進度條:</p>
<p>遞歸是一種用于迭代操作的技術(shù)，方法是使函數(shù)重復調(diào)用自身直到獲得結(jié)果:</p>

function start() {
  if(i < 100) {
    i++;
    bar.style.width = i + "%";
    bar.innerHTML = i + " %";
    t = setTimeout(start, 60);  // 遞歸
  }
}

function stop() {
  clearTimeout(t);
}
</script>

</body>
</html>