如何創建一個在特定延遲後點擊特定URL的JavaScript？

Question

我想創建一個JavaScript，在一定延遲時間後點擊一個特定的LINK，例如，在HTML頁面上10秒鐘。

請給我提供JavaScript嗎？在Google上進行搜索後，我只能點擊一個特定的LINK，但沒有任何延遲。

你能幫助我嗎？

謝謝。

Answer 1

window.setTimeout(function() { 
    window.location = "http://your_url_here.com"; 
}, 10000); 

第二個參數是以毫秒爲單位的時間。所以10000毫秒是10秒。

Answer 2

包含此方法（不過你想要的）：

function fireEvent(element,event) { 
    if (document.createEvent) { 
     // dispatch for firefox + others 
     var evt = document.createEvent("HTMLEvents"); 
     evt.initEvent(event, true, true); // event type,bubbling,cancelable 
     return !element.dispatchEvent(evt); 
    } else { 
     // dispatch for IE 
     var evt = document.createEventObject(); 
     return element.fireEvent('on'+event,evt) 
    } 
} 

然後調用它：

window.setTimeout(function() { 
    var e = document.getElementById('yourLinkId'); 
    if(e) fireEvent(e, 'click'); 

}, 10000); 

Answer 3

如果你需要延遲像這個site所示的（見「推薦」容器在頁面的左下角），使用下面的jQuery代碼。

(function($){ 
$(document).ready(function(){ 
    var el = $("#testimonial"); //The id of the container. It may be a `<div>` 
    if (el){ 
    RotateTestimonial(); 
    setInterval(RotateTestimonial, 20000); 
    } 
}); 

function RotateTestimonial(){ 
    var pageUrl = "RandomTestimonial.jsp" //The page where the request goes. 
    $.ajax({ 
      type: "GET", 
      url: pageUrl, 
      cache:false, 
      success: function(msg) {     
       $("#testimonial").slideUp('slow').fadeOut(3000, function(){ 
        var el = $("#testimonial"); 
        el.html(msg); 
        el.slideDown('slow').fadeIn('slow'); 
       }); 
      } 
    }); 
} 
})(jQuery)