表示のためにウェブページ上のリンクをオートチック

Question

私は、自動的に自動クリックするように設定したいリンクが7つあるウェブページを持っています。これをオン/オフに切り替えるボタンを設定したいと思います。オンにすると、ウェブページはクリックアクションを実行し、オフにすると、ウェブページは正常に動作します。この目的は、表示目的（さまざまな指標などの表示）でこの機能を使用することです。

私がしたsetIntervalを使って説明し、このリンクが見つかりました：Calling a function every 60 seconds

そしてプログラムでリンクをクリックすると説明し、この1：How do I programmatically click a link with javascript? を、しかし組み合わせたこれらの2つの方法のいずれかの例を見つけることができませんでした。

しようとしました：

onclick="click_links();" 

しかし、これまでのところ、でもクリックイベントをトリガすることはできません。

function click_links(){ 
    $("safety").trigger("click"); 
} 

window.setInterval(function(){ 

     click_links(); 
}, 2000); 

とと呼ばれます。

ATTEMPT 2： 私はこれと密接だ：

function links() { 
safety 
daily 
monday 
tuesday 
} 

var intervalId; 
function toggleIntervalb() { 

    if (!intervalId) { 
    intervalId = setTimeout(links, 5000); 
    } else { 
    clearInterval(intervalId); 
    intervalId = null; 
    } 
} 

function safety(){ 
document.getElementById("fires").style.display = 'none'; 
document.getElementById("safety").style.display = 'block'; 
document.getElementById("daily").style.display = 'none'; 
document.getElementById("monday").style.display = 'none'; 
document.getElementById("tuesday").style.display = 'none'; 

} 
function daily(){ 
document.getElementById("fires").style.display = 'none'; 
document.getElementById("safety").style.display = 'none'; 
document.getElementById("daily").style.display = 'block'; 
document.getElementById("monday").style.display = 'none'; 
document.getElementById("tuesday").style.display = 'none'; 

} 
function monday(){ 
document.getElementById("fires").style.display = 'none'; 
document.getElementById("safety").style.display = 'none'; 
document.getElementById("daily").style.display = 'none'; 
document.getElementById("monday").style.display = 'block'; 
document.getElementById("tuesday").style.display = 'none'; 

function tuesday(){ 
document.getElementById("fires").style.display = 'none'; 
document.getElementById("safety").style.display = 'none'; 
document.getElementById("daily").style.display = 'none'; 
document.getElementById("monday").style.display = 'none'; 
document.getElementById("tuesday").style.display = 'block'; 

しかし、5秒後に、それが唯一のちょうどセット（火曜日）に最後の関数を実行し、遅延とそれらを反復処理しません。それぞれの間に。

Answer 1

How do I programmatically click a link with javascript?の回答はもはや正確ではありません。この頃にスクリプトでクリックイベントだけイベント、they do not cause the browser to actually follow the links火災：

注：手動でイベントを発射すると、そのイベントに関連付けられたデフォルトのアクションを生成しません。たとえば、キーイベントを手動で起動しても、その文字がフォーカスされたテキスト入力に表示されることはありません。 UIイベントの場合、セキュリティ上の理由から、スクリプト自体がブラウザとやりとりするユーザーアクションをシミュレートできないため、これは重要です。

資料には、キーボードイベントのためであるが、ここで示されたのと同じで、イベントをクリックして適用されます。

$('#foo').on("click", function() { 
 
console.log("Click event fired"); 
 
}); 
 

 
$('#test').on("click",function() { 
 
    $('#foo').trigger('click'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    This will work: <a id="foo" href="https://example.com">Example link</a><br> 
 

 
    This will fire the event but not follow the link: <button id="test">Trigger "click" event on link</button>

を代わりに、各リンクのhrefを読んで、リダイレクトする必要があり、 ：

$('#test').on("click",function() { 
 
    var url = $('#foo').attr("href"); 
 
    window.location = url; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="foo" href="https://example.com">Example link</a><br> 
 

 
<button id="test">Redirect to HREF from link</button>

は（あなたが欲しいループ動作については、もちろん、あなたはインラインフレームまたは別のウィンドウにこれらのリンクをターゲットにする必要があるだろう。そうでない場合は、あなたのコードは、すぐにユーザーがその最初のリンクにリダイレクトされるよう実行を停止します。）