如何设置div弹窗一天内只弹出一次 js

2025-05-05 04:58:45

1、要实现弹窗一天只弹一次，需要依靠cookie来实现。而使用原生javascript操作cookie，代码会稍显复杂，所以这里借助枣娣空郅jquery来实现。首先下载jquery.js和jquery.cookie.js两个文件（也可以直接引用其它网站上的这两个文件）。

3、再为div标签添加一个css样式pop_windows，并在<head>标签中加入相关样式的定义，实现div层初始时不可见。可见状态下div层的CSS效果如下：

5、在<script>标签对中，加入span标签的点击事件：点击关闭（隐藏犬匮渝扮）父对象，并写cookie，其中$.cookie("isClose",'yes',{expires:1}) 表示在cookie中写入一对键值（键为isClose,值为yes）,键值的有效期为1天，即第二天这个键值失效。

7、保存后，在浏览器中运行效果如下图，每天只弹出一次div层。大家可以根据需要，增加弹出层的弹出效果或让弹出层更加美观。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。