helloxielan 2014-11-12 00:01 采纳率: 0%
浏览 26

每5分钟加载一次模态

I Need to load a external html page with the modal every 5 min with ajax.

This is what i have now.

 <li><a href="modal.html" data-toggle="ajaxModal">open modal</a></li>

This works when i click on the link but i need it to open automatically every 5min

I found Other examples but there they didn't use ajax and the modal wasn't on a new page. Something like this but then with a html page.

window.setTimeout(function () {
$("#myDialog").dialog("open");
}, 30000);

Can someone help me?

  • 写回答

2条回答 默认 最新

  • Didn"t forge 2014-11-12 00:35
    关注

    If you need to open a modal every 5 min you should use the setInterval instead setTimeout.

    setInterval(function(){
  $("#myDialog").dialog("open");
}, 300000); //This value is represented in mili seconds.

    If you also need load an html page inside your modal you need to make and AJAX request to load the page. You can do it easy with the jQuery load function.

    $("#myDialog").load( "yourPage.html" );
    评论

报告相同问题？

  • Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
    2020-08-30 00:57
    然而，默认情况下，Bootstrap 的模态对话框只会加载一次远程数据，后续再打开同一模态框时，不会重新请求数据，这可能会导致用户看到的信息不是最新的。本文将介绍如何通过调用 `removeData()` 方法来解决这个问题，...
  • 基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
    2020-08-30 00:56
    Bootstrap 模态对话框（Modal）是前端开发中常用的一个组件，它允许用户在不离开当前页面的情况下查看或操作相关信息。在使用模态对话框时，我们有时需要动态地从远程地址加载数据来填充对话框内容。然而，Bootstrap...
  • 如何使用vue slot创建一个模态框的实例代码
    2020-10-15 07:03
    在Web前端开发中，模态框（Modal）是一种非常常见的用户界面元素，用于在当前页面上显示额外的内容，同时阻止用户与页面其他内容的交互。Vue.js 是一个流行的JavaScript框架，用于构建用户界面。它提供了 slot（插槽...
  • showLoading加载和showModal模态框
    2024-09-06 14:33
    木与子不厌的博客 显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮。类似一个删除就需要弹出提示预防用户不小心误触。设置一个定时关闭提示框的事件，并且当存在框存在时不允许其他操作。cancelText：设置取消按钮的...
  • bootstrap模态框关闭后清除模态框的数据方法
    2020-10-18 06:20
    在某些场景下，我们可能需要在模态框关闭后清除其中的数据，以便下一次打开时显示新的或者干净的数据状态。这篇文章主要介绍在Bootstrap模态框关闭后如何清除其内部的数据。 首先，我们要了解Bootstrap模态框关闭的...
  • 完结47章前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS课程
    2025-01-06 15:56
    课程内容涵盖了47个章节，每个章节都包含了精心挑选的40个案例，学员可以通过这些案例的学习，达成对前端技术的全面理解和实践能力的提升。 HTML5是最新一代的超文本标记语言，相较于之前的版本，HTML5在语义化、...
  • 前端的一个网页 但是很炫酷
    2023-06-10 20:53
    在前端开发领域，一个网页的设计和实现可以极大地影响用户体验和网站的整体吸引力。"炫酷"一词通常用来形容那些利用先进技术、创新交互设计以及视觉特效的网页。在本篇文章中，我们将深入探讨如何构建一个既炫酷又...
  • 实例详解BootStrap的动态模态框及静态模态框
    2020-10-18 05:39
    总结来说，Bootstrap模态框是一种非常实用的前端组件，它可以让开发者方便地在网页上添加弹出对话框功能。动态模态框和静态模态框各有用武之地，开发者可以根据实际需求选择合适的实现方式。动态模态框依赖于...
  • inception:模态javascript组件（前端团队）
    2021-05-17 21:56
    "Inception模态javascript组件"是一个专为前端团队设计的高效、可复用的UI组件，旨在简化模态框的创建与管理，提升开发效率和用户体验。该组件基于JavaScript实现，具有高度可定制性和灵活性，使其能够适应各种应用...
  • C#winform实现模态加载进度条.rar.rar
    2019-12-11 18:44
    本主题聚焦于如何在C# WinForm应用中实现模态加载进度条，这是一个常见的用户界面（UI）设计元素，用于向用户展示后台任务的进度，提升用户体验。 模态加载进度条通常在执行长时间运行操作时显示，如文件上传、下载...
  • 没有解决我的问题, 去提问