如何在引导模式上设置本地存储?

2024-04-12

“modal-2”id 打开调查模式。

我想要的只是这个特定的模式,在有人单击关闭按钮后每 24 小时重新出现一次。

$(document).ready(function(){
    var modals = ['#events'];
    if (window.location.hash && ~modals.indexOf(window.location.hash)) {
        $(window.location.hash).modal();
    }
    $("#modal-2").modal('show');
    $(".modal:not(.noclose)").on("click","a",function(){
        $(this).closest(".modal").modal("hide");
    });
});

您可以将当前时间戳 Date.now() 设置为 localStorage 并在每次需要决定是否显示模式时检查它。示例代码:

var twentyFourHoursInMs = 24 * 60 * 60 * 1000;
var lastTimestamp = Number(localStorage.getItem("last-showed-at"));
var currentTimestamp = Date.now();
if ((currentTimestamp - lastTimestamp) >= twentyFourHoursInMs) {
    localStorage.setItem("last-showed-at", currentTimestamp);
    $("#your-modal-id").modal("show");
    // Display modal once again
}

所以这是您案例中的完整代码:

$(document).ready(function(){
    var modals = ['#events'];
    if (window.location.hash && ~modals.indexOf(window.location.hash)) {
        $(window.location.hash).modal();
    }

    $(".modal:not(.noclose)").on("click","a",function(){
        $(this).closest(".modal").modal("hide");
    });

    var currentTimestamp = Date.now();

    $("#cul8a").on("hidden.bs.modal", function () {
        localStorage.setItem("last-showed-at", currentTimestamp);
    });

    // Check for modal eligibility

    var twentyFourHoursInMs = 24 * 60 * 60 * 1000;
    var lastTimestamp = Number(localStorage.getItem("last-showed-at"));

    if ((currentTimestamp - lastTimestamp) >= twentyFourHoursInMs) {
        setTimeout(function() {
            localStorage.setItem("last-showed-at", currentTimestamp);
            $("#cul8a").modal("show");
        }, 4000);
    }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在引导模式上设置本地存储? 的相关文章

随机推荐

  • 如何处理无序拨打的“接听”电话?

    我有一个模拟销售漏斗的 WF4 服务 它的工作原理是从 注册 接收呼叫开始 之后 有 10 个类似的阶段 每个阶段包含 2 个接收 在当前阶段验证收到的数据之前 您无法前进到某个阶段 但我不确定的是 即使我的客户端应用程序不允许这样做 我怎
  • 如何使用实体框架使用序列在 Oracle 中插入标识值

    在 Oracle 数据库中 ID 列定义为数字 以及表的相应序列 如何确保 ID 列获取序列中的下一个值 using var db new MyOracleDb var user new User first name Abe last n
  • 服务器在渲染之前不会等到http调用完成 - Angular 4服务器端渲染

    我已经继续实现了角度通用 并且能够通过服务器端渲染来渲染 html 的静态部分 我面临的问题是 正在进行 API 调用 并且服务器正在渲染 html 而无需等待 http 调用完成 因此 我的模板依赖于从 api 调用获取的数据的部分不会在
  • 使用异步等待时无法获取对象的属性

    我正在使用 Node js 和 mongoose 但这个问题纯粹是关于async await部分 我写了这段代码 并且它有效 router get applications id async req res next gt var post
  • Hibernate 中的小写注释

    hibernate中有没有办法将实体的列注释为字符串小写 我的意思是例如 Entity public class User Column private String username 我希望休眠在所有未绑定到特定数据库的查询中将用户名转换
  • 如何在 gdb 中附加进程

    我有一个简单的 C 程序 它分叉一个进程 然后运行一个可执行文件 我想将子进程附加到 gdb 我在控制台中运行主程序并打开另一个控制台来查找子进程的 pid 然后使用以下命令启动 gdb gdb attach 12271 where 122
  • 不需要的空白导致列扭曲

    我正在尝试从间隔 非制表符 的 txt 文件导入化学品列表 NO FORMULA NAME CAS No A B C D TMIN TMAX code ngas TMIN ngas 25 C ngas TMAX 1 CBrClF2 brom
  • 如何在函数声明中声明 C++ mem_fn(member_function) ?

    我理解将成员函数的地址传递到类之外的基本问题 我感觉 mem fn 可能是解决方案 但我在具体细节上遇到了麻烦 我在类 p 中有一个成员函数 当前声明为 typedef void valNamedFlagsCallback const in
  • 创建半透明或透明窗口从透明到鼠标事件,添加到表单的控件除外

    您好 我试图获得像玻璃一样的透明形式 它可以使点击和每个鼠标事件传递到玻璃后面的窗口或项目 这是我用 Windows 窗体编写的代码 namespace ClickThroughMe public partial class ClickTh
  • 错误 1 ​​无法将类型“double”隐式转换为“int”。存在显式转换(您是否缺少转换?)[关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我的 C 代码有一个错误 他们说 错误 1 无法将类型 double 隐式转换为 int 存在显式转换 是否缺少强制转换 错误在哪
  • 何时在 Java 中使用“this”

    我为我的琐碎且可能愚蠢的问题道歉 但我对在使用方法或访问某些内容时何时使用 this 前缀感到有点困惑 例如 如果我们看 4 这里 http apcentral collegeboard com apc public repository
  • 按钮和 GLSurfaceView

    我有一个 GLSurfaceView 我在其中使用 OpenGL 显示一些动画 我现在想向该视图添加一个按钮 这是如何实现的 不涉及xml布局可以做到吗 您可以手动构建视图并将其添加到活动的内容视图中 在 GLSurfaceView 上执行
  • 从 RDF 节点拉出字符串

    在使用 Jena 的 SPARQL 查询时 我试图以更易读的格式获取数据 但是我不知道如何以正确的方式提取数据 就目前而言 输出是 http www w3 org TR 2003 PR owl guide 20031209 wine Sau
  • 错误:增强禁用线程

    我的 boost 库有一些问题 我正在使用 freebsd 并使用 ports 安装了我的 boost Boost 版本是 1 45 我使用 g 47 作为编译器 另外 我从未在那里定义过 BOOST DISABLE THREADS usr
  • PHP json_decode 表示法问题

    我在处理我尝试解析的 JSON 文件中使用的符号时遇到问题 一些节点有 句点 在转义对象表示法的名称中 json article gt rssFeed url 我将如何选择节点 我是否需要 str replace 句点 或者是否可以使用其他
  • 如何通过 Xcode Designer 添加 MPVolumeView?

    我最初将 MPVolumeView 动态添加到页面上 import MediaPlayer MPVolumeView h IBAction handleVolumeButtonClicked id sender if volumeView
  • 这个 C++ 程序有什么问题?

    当我编译这个程序时 include
  • ROCKSDB 由于rocksdb_max_row_locks 无法获取锁

    我尝试将 CSV 加载到 Rocksdb 数据库中 但失败并显示以下错误 Got error 10 Operation aborted Failed to acquire lock due to rocksdb max row locks
  • 图像尺寸(drawable-hdpi/ldpi/mdpi/xhdpi)

    研究android 现在我有一些图像要放入可绘制目录 hdpi ldpi mdpi xhdpi 中 我读了很多 但我还是不明白 每个目录的图像尺寸应该是多少 希望这会有所帮助 mdpi 是参考密度 也就是说 mdpi 显示屏上的 1 像素等
  • 如何在引导模式上设置本地存储?

    modal 2 id 打开调查模式 我想要的只是这个特定的模式 在有人单击关闭按钮后每 24 小时重新出现一次 document ready function var modals events if window location has