我想在触发第一个刻度之前设置倒计时进度条的宽度（没有额外的库，只有一个代码文件中的 javascript、html 和 css）我试图更改代码（特别是 html代码）多次并测试了来自不同参考资料和本网站的许多示例，但它不起作用。你能不能给我一些提示来解决这个问题。您可以将我的示例代码复制到 txt 文件中，然后在浏览器中将其作为 html 简单地运行，您就会看到问题所在。它只是关于第一个刻度之前的条宽，之后一切看起来都符合预期。我知道我必须以某种方式设置宽度（通常在 css 或 div 行中），但不知道如何在这种特殊情况下进行这项工作。<html><body><style></style><script>ProgressCountdown(10, 'pageBeginCountdown', 'pageBeginCountdownText').then(value => alert(`Time is up!!!!!!!!!`));function ProgressCountdown(timeleft, bar, text) { return new Promise((resolve, reject) => { var countdownTimer = setInterval(() => { timeleft--; document.getElementById(bar).value = timeleft; document.getElementById(bar).style.width = "75%"; document.getElementById(bar).style.height = "40px"; document.getElementById(text).textContent = timeleft; if (timeleft <= 0) { clearInterval(countdownTimer); resolve(true); } }, 1000); });}</script><div class="row begin-countdown"> <div class="col-md-12 text-center" > <progress value="10" max="10" id="pageBeginCountdown"></progress> <p> Time up in <span id="pageBeginCountdownText">10 </span> seconds</p> </div></div></body></html
添加回答
举报
0/150
提交
取消