javascript - 显示模式弹出 10 秒或直到设置标志或变量

Question

我是 jquery 的初学者，所以请原谅我的错误。我想显示一个模式弹出窗口 10 秒或直到设置标志或变量，然后隐藏此模式弹出窗口，然后根据标志或变量打开另一个模式弹出窗口。这是我到目前为止完成的代码，

$(document).ready(function() {
$("#btnopen").click(function() {
    $('#myModal1').modal('show');

    setTimeout($('#myModal1').modal('hide'), 10000);  //show myModal1 for 10 seconds
  if({{ flag }}){
    $('#myModal1').modal('hide');
   $('#myModal2').modal('show');  //If flag is set close myModal1 and open myModal2
}
else{
      $('#myModal1').modal('hide');
    $('#myModal3').modal('show');  //else close myModal1 and open myModal3
}
});
$("#btnClose1").click(function() {
  $('#myModal1').modal('hide');
});
$("#btnClose2").click(function() {
  $('#myModal2').modal('hide');
});
$("#btnClose3").click(function() {
  $('#myModal3').modal('hide');
});});

我现在面临的问题是我无法显示 myModal1 10 秒。我搜索了一些文件，但没有解决我的问题。谁能帮帮我？
编辑
如果我想让 myModal1 仅在设置标志后关闭弹出窗口，我该怎么办，否则，在 30 秒后关闭 myModal1 弹出窗口并打开 myModal3 弹出窗口。提前致谢。

Answer 1

试试代码，这可能对你有帮助

var myVar;
    $(document).ready(function () {
      $("#btnopen").click(function () {
        $('#myModal1').modal('show');

        myVar=setTimeout(function(){
    $('#myModal1').modal('hide');

    if (flag){
        $('#myModal1').modal('hide');
        $('#myModal2').modal('show');  //If flag is set close myModal1 and open myModal2
      }
    else{
        $('#myModal1').modal('hide');
        $('#myModal3').modal('show');  //else close myModal1 and open myModal3
      }
        }, 10000);  //show myModal1 for 10 seconds

    });


    $("#btnClose1").click(function () {
      $('#myModal1').modal('hide');
clearTimeout(myVar);
    });
    $("#btnClose2").click(function () {
      $('#myModal2').modal('hide');
clearTimeout(myVar);
    });
    $("#btnClose3").click(function () {
      $('#myModal3').modal('hide');
clearTimeout(myVar);
    });

    });

不要把下面的代码放在setTimeout(function(){},10000)之后；因为下面的代码将在 setTimeout(function(){},10000); 之后立即执行；并且不会等待 10 秒。这是一个异步执行，将在 10 秒后回调

if({{ flag }}){
    $('#myModal1').modal('hide');
   $('#myModal2').modal('show');  //If flag is set close myModal1 and open myModal2
}