当前位置:网站首页 > 创业 > 正文

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

0 张子豪 张子豪 2025-10-11 12:56 1

若何操纵js设置div弹窗一天内只弹出一次js若是实现弹窗一天只弹一次?下面,小编就来给大师介绍一下实现方式!

东西/原料

  • jquery.js
  • jquery.cookie.js

方式/步调

  1. 1

    要实现弹窗一天只弹一次,需要依靠cookie来实现。而利用原生javascript操作cookie,代码会稍显复杂,所以这里借助jquery来实现。起首下载jquery.js和jquery.cookie.js两个文件(也可以直接引用其它网站上的这两个文件)。

  2. 2

    然后新建一个网页用于演示。网页中有一个<div>层,层中有一个<span>块,块中内容为字母“X”,用做弹出窗口的封闭按钮。并将第一步中下载的两个jquery文件引入。

  3. 3

    再为div标签添加一个css样式pop_windows,并在<head>标签中插手相关样式的界说,实现div层初始时不成见。可见状况下div层的CSS结果如下:

  4. 4

    再在<body>标签中,插手javascript剧本引入标签<script></script>。

  5. 5

    在<script>标签对中,插手span标签的点击事务:点击封闭(埋没)父对象,并写cookie,此中$.cookie("isClose",'yes',{expires:1}) 暗示在cookie中写入一对键值(键为isClose,值为yes),键值的有用期为1天,即第二天这个键值掉效。

  6. 6

    再在<script>标签对中,插手cookie键值的判定前提,若是存在键为isClose,值为yes的cookie,则不弹出div层,不然弹出div层。

  7. 7

    保留后,在浏览器中运行结果如下图,天天只弹出一次div层。大师可以按照需要,增添弹出层的弹出结果或让弹出层加倍美不雅。

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/223756.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图