X秒后执行jQuery flip

Execute jQuery flip after X seconds

本文关键字：jQuery flip 执行      更新时间：2023-09-26

努力使用"css供应商前缀"，但无法在所有设备上使用。现在，让我们尝试一个名为jQuery flip的jQuery解决方案。

它在触发器上非常有效："悬停"answers"点击"，但根据此处的文档，触发器"手动"需要通过JavaScript激活：http://nnattawat.github.io/flip/

所以我的问题是：如何编写一个javascript来在3秒钟后激活flip函数？

代码：

<head>
<style type="text/css">
  .card {
    width: 600px;
    height: 400px;
    margin: 20px;
  }
  .front, .back {
    border: 2px gray solid;
    padding: 10px;
  }
  .front {
    background-color: #ccc;
  }
  .back {
    background-color: red;
  }
</style>
</head>
<body>
<div id="card-1" class="card">
  <div class="front">
      Front: Cursus aliquet mus et sociis, placerat adipiscing a placerat magnis integer nisi lacus in, turpis porttitor? Lectus nunc dis in porta, montes lacus. Tortor. Pid sit nisi eu nec aenean.
  </div>
  <div class="back">
      <a href="http://google.com">link</a>
      Back: Dolor scelerisque ridiculus! Mus? Augue, montes, montes proin rhoncus vel a parturient dapibus eros? Penatibus nascetur. In turpis nisi elementum nascetur habitasse augue egestas, in ac rhoncus odio porttitor turpis.
  </div>
</div>
<script type="text/javascript">
$(function(){
  // $(".card").flip();
  $("#card-1").flip({
    axis: "y", // y or x
    reverse: false, // true and false
    trigger: "manual", // click, hover or manual
    speed: 500
  });
});
</script>
</body>

提前感谢！

使用setTimeout（）来实现这一点。

$(function(){
    $("#card-1").flip({
        axis: "y", // y or x
        reverse: false, // true and false
        trigger: "manual", // click, hover or manual
        speed: 500
    });
    setTimeout(function(){
        $("#card-1").flip(true);
    }, 3000);
});

尝试使用这个：

setTimeout(function() { yourFunction(); }, 3000);

尝试使用超时3秒：

$(function(){
    $("#card-1").flip({
        axis: "y", // y or x
        reverse: false, // true and false
        trigger: "manual", // click, hover or manual
        speed: 500
    });
    setTimeout(function() {
        $('.card').flip();
    },3000);
});
相关文章：