<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="progressBox" style="height: 2px;background-color: red;margin: 2px;"></div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" type="text/javascript" charset="utf-8">
</script>
<script type="text/javascript">
let countWidth = 0;
function displayTime() {
let widthBody = $("body").width();
countWidth = countWidth + (widthBody / 60)
$(".progressBox").css("width", countWidth > widthBody ? countWidth=0 : countWidth + "px");
}
window.setInterval("displayTime()", 1000) //单位是毫秒
</script>
</html>
js进度条
最新推荐文章于 2024-05-12 07:39:34 发布