javascript - 我可以使用 JavaScript 警报框来显示倒计时器吗？

Question

我想在警报框中显示倒计时器。

页面加载时，应出现警报并倒计时。
当它达到零时，警报应该自动消失，用户可以继续查看页面。

这可以使用警报框来实现吗？

示例链接 here

Answer 1

不可能使用警报对话框来执行您想要的操作。 window.alert只能显示静态文本，并且必须由用户操作才能消失(即他们必须单击“确定”)

但是，您可以做的就是在页面上放一个“毯子”，本质上是 <div>使用 CSS 设计的标签具有完整的宽度和高度、固定位置以及高于页面上所有内容的 z 索引。您还可以选择应用不透明度设置，以便页面仍然可见。该毯子可防止用户与页面元素交互。

除此之外，您还可以添加另一个 <div>它具有更高的 z-index，您可以在其中放置计时器元素。

您可以使用 setInterval 更新计时器Javascript方法，当达到0时，可以删除毯子和计时器div并停止和清除间隔计时器。

希望这有帮助!