html弹窗代码只弹窗一次,js实现弹窗24小时只弹出一次带关闭jQuery插件

以下是基于jQuery的弹窗代码，可以实现只弹出一次并且带有关闭功能：

HTML代码：

<div id="popup" class="popup">
  <div class="popup-content">
    <h3>Welcome to our website!</h3>
    <p>This is a popup window that will only appear once.</p>
    <button id="close-popup">Close</button>
  </div>
</div>

CSS代码：

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
}

.popup-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

#close-popup {
  border: none;
  background-color: #f00;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

JavaScript代码：

$(document).ready(function() {
  // 判断是否已经弹出过窗口
  if(localStorage.getItem("popupShown") !== "true") {
    // 显示弹窗
    $("#popup").show();
    // 设置弹窗已经弹出过
    localStorage.setItem("popupShown", "true");
  }
  
  // 关闭弹窗
  $("#close-popup").click(function() {
    $("#popup").hide();
  });
});

上面的代码中，使用了localStorage来存储是否已经弹出过窗口的状态，如果没有弹出过则显示弹窗并设置状态为已经弹出过，否则不显示弹窗。同时，弹窗中的关闭按钮可以通过点击按钮来关闭弹窗。