X秒後執行jQuery翻轉

與「css供應商前綴」一起奮鬥，但無法讓它在所有設備上都能正常工作。所以，現在，讓我們試試一個名爲jQuery flip的jQuery解決方案。需要「懸停」和「點擊」，但觸發「手冊」，根據文件，以通過JavaScript激活這裏找到：X秒後執行jQuery翻轉

它完美的作品上觸發http://nnattawat.github.io/flip/

所以我的問題：我如何寫一個javascript在3秒後啓用翻轉功能？

CODE：

<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>

提前感謝！

來源

2015-12-03 GetGalax

http://jsfiddle.net/zdapLrbs/2/ –

使用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); 

});

來源

2015-12-03 14:01:24

謝謝你的男人！ – GetGalax

嘗試使用這樣的：

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

來源

2015-12-03 13:57:30

嘗試使用超時三秒鐘：

$(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); 

});

來源

2015-12-03 13:58:04 TheCarver

很抱歉，但我在哪裏把這個。在相同的JavaScript？或單獨使用。如果是這樣。在或？ – GetGalax

'flip（）'接受一個帶有以下值之一的參數：'true' - 翻轉，'false' - 向後翻轉，'toggle'在兩者之間切換... – MorKadosh

@Ohio：請參閱更新後的答案。 – TheCarver

X秒後執行jQuery翻轉

回答

相關問題