几秒后隐藏/显示一个Div

Question

我有一个Div.我希望在10秒后隐藏它,然后在30秒后显示它,然后在10秒后再次隐藏它,依此类推.

我有这个代码,但它不像我想象的那样工作.

setTimeout(function() { 
    $("#myDiv").hide(); 
    setTimeout(function() {     
            $("#myDiv").show(); 
    },30000);
},10000); 

有什么建议？

Answer 1

只需循环就好

function toggleDiv() {
    setTimeout(function () {
        $("#myDiv").hide();
        setTimeout(function () {
            $("#myDiv").show();
            toggleDiv();
        }, 30000);
    }, 10000);
}
toggleDiv();

演示:小提琴