91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

jquery實現的右下角窗口彈窗加定時刷新彈出功能

小云
88
2023-09-02 05:42:53
欄目: 編程語言

你可以使用以下代碼實現一個右下角窗口彈窗,并添加定時刷新彈出功能:

HTML:

<div id="popup" class="popup">
<div class="content">
<h3>彈窗標題</h3>
<p>彈窗內容</p>
</div>
<button id="close">關閉</button>
</div>

CSS:

.popup {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
background-color: white;
border: 1px solid black;
padding: 20px;
display: none;
}
.content {
margin-bottom: 10px;
}
#close {
float: right;
}

jQuery:

$(document).ready(function() {
// 顯示彈窗
function showPopup() {
$("#popup").fadeIn();
}
// 隱藏彈窗
function hidePopup() {
$("#popup").fadeOut();
}
// 定時刷新彈窗
function refreshPopup() {
showPopup();
setTimeout(function() {
hidePopup();
}, 5000);
}
// 關閉按鈕點擊事件
$("#close").click(function() {
hidePopup();
});
// 頁面加載時顯示彈窗
showPopup();
// 每60秒刷新彈窗
setInterval(function() {
refreshPopup();
}, 60000);
});

這段代碼首先定義了兩個函數showPopup()hidePopup(),用于顯示和隱藏彈窗。refreshPopup()函數用于定時刷新彈窗,它會調用showPopup()顯示彈窗,并在5秒后調用hidePopup()隱藏彈窗。

在頁面加載完成時,會調用showPopup()顯示彈窗。然后使用setInterval()函數每60秒調用refreshPopup()函數刷新彈窗。

關閉按鈕的點擊事件會調用hidePopup()隱藏彈窗。

注意:在頁面加載時,彈窗會顯示一次,然后每60秒刷新一次彈窗。你可以根據需要調整定時刷新的時間間隔。

0
岳阳县| 石台县| 内江市| 新余市| 剑阁县| 宜春市| 容城县| 华池县| 独山县| 荣成市| 通州区| 那坡县| 宝山区| 易门县| 余江县| 澄迈县| 嘉鱼县| 贵定县| 石楼县| 蓬莱市| 井研县| 华宁县| 江达县| 金平| 武川县| 鸡西市| 铜山县| 济南市| 乐平市| 和龙市| 芮城县| 新宾| 蛟河市| 阿荣旗| 汾阳市| 扎赉特旗| 溧水县| 东丰县| 福贡县| 胶南市| 司法|