지연 후 jQuery 팝업 닫기 버튼이 표시됩니다.

Question

팝업을 위해 jQuery를 사용하며 닫기 버튼이 있습니다. 단어가 "wait 60 seconds to close this window" 인 30-60 초 후에 닫기 버튼을 표시하려고합니다. 다음 코드는 이제 :

var shadow = $('<div id="shadowElem"></div>'); 
var speed = 1000; 
$(document).ready(function() { 
    $('body').prepend(shadow); 
}); 
$(window).load(function() { 
    screenHeight = $(window).height(); 
    screenWidth = $(window).width(); 
    elemWidth = $('#dropElem').outerWidth(true); 
    elemHeight = $('#dropElem').outerHeight(true) 

    leftPosition = (screenWidth/2) - (elemWidth/2); 
    topPosition = (screenHeight/2) - (elemHeight/2); 

    $('#dropElem').css({ 
     'left' : leftPosition + 'px', 
     'top' : -elemHeight + 'px' 
    }); 
    $('#dropElem').show().animate({ 
     'top' : topPosition 
    }, speed); 

    shadow.animate({ 
     'opacity' : 0.7 
    }, speed); 

    $('#dropClose').click(function() { 
     shadow.animate({ 
      'opacity' : 0 
     }, speed); 
     $('#dropElem').animate({ 
     'top' : -elemHeight + 'px' 
    }, speed, function() { 
      shadow.remove(); 
      $(this).remove(); 
     }); 

    }); 
}); 

Answer 1

시도 (나는 dropClose가 닫기 버튼의 id라고 가정) ...

CSS

#dropClose { 
    display: none; 
} 

팝업 코드 열기에

setTimeout(function() { 
    $("#dropClose").show(); 
}, 30 * 1000); 

Answer 2

DEMO 희망 귀하의 ID 또는 당신이

당신이

$(document).ready(function(){  
    var setIt = true; 
    var interval = setInterval(function(){ 
     if(setIt == true){ 
      $('#count span').text($('#count span').text() - 1); 
      if($('#count span').text() == '0'){ 
       $('#count').text('Close This Window'); 
       clearInterval(interval); 
       setIt = false; 
      } 
     } 
    },1000); 
});