<div class="delete-box"> <div class="zhanpian"> <img src="./images/success.jpg" alt=""> </div> <p>修改成功</p> </div>为上段代码弄一个计时器,弹出到消失的值为4秒的js代码
时间: 2023-08-14 19:24:46 浏览: 71
微信小程序 视图容器组件的详解及实例代码
可以使用`setTimeout`函数来实现弹出框的计时器效果,代码如下:
```javascript
// 获取弹出框元素
var deleteBox = document.querySelector('.delete-box');
// 设置弹出框显示时间为4秒
var showTime = 4000;
// 显示弹出框
deleteBox.style.display = 'block';
// 设置定时器,延迟4秒后隐藏弹出框
setTimeout(function() {
deleteBox.style.display = 'none';
}, showTime);
```
这段代码可以在弹出框显示后,延迟4秒后自动隐藏弹出框。
阅读全文