javascript - 如何创建在一定延迟后单击特定 URL 的 JavaScript？

Question

我想创建一个JavaScript，在一定的延迟后点击特定的链接，比如在HTML页面上10秒。

请给我JavaScript好吗？我在谷歌上搜索后才设法找到的是点击一个特定的链接，但没有延迟。

你能帮我吗？

谢谢。

Answer 1

包括这个方法（无论你想要什么）：

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 2

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

第二个参数是以毫秒为单位的时间。所以 10000 毫秒是 10 秒。

Answer 3

如果您需要类似于本网站上显示的延迟（请参阅页面左下角的“推荐”容器），请使用以下 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)