在物化模式打开3秒钟后，如何使用javascript打开新的html

我正在创建一个“登录”页面，这样一旦用户按下“登录”按钮，就会出现一个显示“登录成功”的模式。我想让它做的是，在模式出现3秒钟后，它会自动打开我的profile.html页面

我用的是物化模态

以下是我目前掌握的代码：

<div class='row'>
  <div class='input-field col s12'>
    <input class='validate' type='email' name='email' id='txtEmail' />
    <label for='email'>Enter your email</label>
  </div>
</div>
<div class='row'>
  <div class='input-field col s12'>
    <input class='validate' type='password' name='password' id='txtPassword' />
    <label for='password'>Enter your password</label>
  </div>
</div>
<div class='row'>
  <div class="col s12">
    <button data-target="modal2" id="btnLogin" type='submit' class='col s12 btn startup modal-trigger'>Login</button>
  </div>
<!-- Login SUCCESS Modal Structure -->
<div id="modal2" class="modal">
  <div class="modal-content" id="modal2content">
    <div class="row">
      <div class="col s5 offset-s4">
        <i class="success large material-icons">check</i>
      </div>
   </div>
   <p class="success">Login Successful!</p>
 </div>

我已经有了Materialize javascript来运行模式：

$document.readyfunction{ $'.modal'.modal； };

但是我需要能够在模式运行后打开profile.html。 如有任何想法、链接或其他设置方法，我们将不胜感激。

Bootstrap modal已提供。您可以使用显示的_bs_模式事件

显示模式后，等待3秒钟，然后导航到您的配置文件页面url

编辑：看起来您使用的是物化模态，而不是引导模态，这里有一个新版本。物化模态有一个onOpenEnd事件

该库的早期版本显然使用ready而不是onOpenEnd。有关最新版本，请参阅

概念验证示例：显示模式后发出警报

$document.readyfunction{ $'.modal'.modal{ ONOPENND：函数{ 警报“模态已打开”； } }; }; 模态头 一串文字

---

我是否需要将所有的物化模态都改为bootstrap来使用它？好吧，你用bootstrap模态标记了你的问题，所以我认为这就是你正在使用的。无论如何，物化情态动词也有事件。请看我的最新答案。非常感谢！这太完美了。工作得很好。很抱歉，我用bootstrap标记了这个问题，我找不到具体化模式标记。

$('.modal').on('shown.bs.modal', function(e) {

  // Wait 3 seconds
  setTimeout(function() {

    window.location.href = 'url_of_your_profile_page';

  }, 3000);
});

$('.modal').modal({

  onOpenEnd: function() {

    // Wait 3 seconds
    setTimeout(function() {

      window.location.href = 'url_of_your_profile_page';

    }, 3000);
  }
});