📅  最后修改于: 2023-12-03 15:09:46.032000             🧑  作者: Mango
如果你需要在你的网站或应用程序中显示一个带有倒计时的弹出消息框,JavaScript 是一个非常好的选择。
通过 JavaScript,你可以轻松地创建一个弹出消息框,同时也可以使用计时器功能来让消息框在一定时间后自动关闭。下面是一个示例代码:
function showPopUpWithTimer() {
const popUpBox = document.getElementById("popUpBox");
const timeLeft = document.getElementById("timer");
popUpBox.style.display = "block";
let countDown = 10;
timeLeft.innerHTML = countDown;
const timer = setInterval(() => {
countDown--;
timeLeft.innerHTML = countDown;
if (countDown <= 0) {
popUpBox.style.display = "none";
clearInterval(timer);
}
}, 1000);
}
在上面的代码中,我们首先获取了要弹出的消息框和计时器元素。然后我们将消息框的样式设置为 "block" 以显示它。接下来,我们设置了一个倒计时变量 countDown,和一个计时器 interval,它每秒钟减少 countDown 值并更新计时器元素的显示。最后,当倒计时结束时,我们需要隐藏消息框并清除计时器。
如果你更喜欢使用 vbscript 来实现弹出消息框和计时器,以下是一个 vbscript 示例代码:
msg = "这是一个弹出消息框"
timeout = 10
Set objShell = CreateObject("WScript.Shell")
Set objTimer = CreateObject("Timer.Interval")
objTimer.Interval = timeout * 1000
objTimer.Start
intReturn = objShell.Popup(msg, timeout, "提示框", vbInformation)
If intReturn = 1 Then
Exit Sub
End If
objShell.Quit
在上面的代码中,我们定义了一个消息和它显示的时间(以秒为单位)。然后我们创建了 WScript.Shell 对象和 Timer.Interval 对象,它们分别用于弹出消息框和计时器。
最后,我们使用 Popup 方法和创建的参数弹出消息框,并在等待超时或用户点击“确定”或“取消”按钮后关闭消息框。
无论你使用哪种语言,这里提供了两个示例,它们都可以用于实现带有计时器的弹出消息框。