<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.big{
width: 300px;
height: 30px;
border:1px solid #000;
}
.small{
width: 0;
height: 30px;
background-color: hotpink;
}
</style>
<body>
<div class="big">
<div class="small"></div>
</div>
<button class="start">开始</button>
<button class="pause">暂停</button>
<button class="continue">继续</button>
<button class="stop">停止</button>
</body>
<script>
// 开始
var startBtn = document.querySelector('.start');
var small = document.querySelector('.small');
var big = document.querySelector('.big');
var flag = true // 开关是开着的
var timerId
startBtn.onclick = f
进度条效果
最新推荐文章于 2024-06-10 22:52:06 发布