我无法在5秒钟后仅使用javascript在页面上弹出引导模式。_Javascript_Bootstrap Modal

我无法在5秒钟后仅使用javascript在页面上弹出引导模式。

javascript

我无法在5秒钟后仅使用javascript在页面上弹出引导模式。,javascript,bootstrap-modal,Javascript,Bootstrap Modal,**我是javascript新手，愿意根据自己的兴趣学习它。我无法在javascript中使用setTimeout在页面上弹出5秒后执行引导模式。我在Jquery中不需要它。请有人在这方面帮助我** <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> <title>Task_1<

**我是javascript新手，愿意根据自己的兴趣学习它。我无法在javascript中使用setTimeout在页面上弹出5秒后执行引导模式。我在Jquery中不需要它。请有人在这方面帮助我**

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
  <title>Task_1</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container main_div">

  <div class="modal fade" id="overlay">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <p>Please click to watch the video again..</p>
        <div class="popup_img">
          <img src="images/alert.png">
        </div>        
      </div>
    </div>
  </div>
</div>
</div>



<script type="text/javascript">


setTimeout(function() {
    $('#overlay').modal('show');
}, 12000);
</script>

</body>
</html>


任务1
&时代；
请点击再次观看视频
setTimeout（函数（）{
$（'#overlay'）.modal（'show'）；
}, 12000);

环绕

$（函数（）{}）

并将

更改为

$（函数（）{
setTimeout（函数（）{
$（'#overlay'）.modal（'show'）；
}, 5000);
});

&时代；
请点击再次观看视频
将12000更改为5000。是的，上述代码工作正常。根据您的要求更改超时。我想要Js中的脚本，而不是Jquery中的脚本。需要知道如何使用JS访问目标模型