JSFiddle - React, Tailwind, and code Playground
HTML
<a href="/link-der-aufgerufen-werden-soll.html" id="id-des-elements-das-geklickt-wird">ich werde automatisch geklickt</a>
<h3>Clickcounter: <span id="counter">0</span></h3>
CSS
/* optical demo */
body{
padding: 1em;
}
a{
padding:1em 1.5em;
background:#123456;
border-radius:5px;
color:#FFFFFF;
}
.clicked{
/* taken from https://projects.verou.me/css3patterns/#stairs */
background:linear-gradient(63deg, #333333 23%, transparent 23%) 7px 0, linear-gradient(63deg, transparent 74%, #333333 78%), linear-gradient(63deg, transparent 34%, #333333 38%, #333333 58%, transparent 62%), #E6763d;
background-size: 16px 48px;
}
JavaScript
(function(){
var trigger = document.querySelector('#id-des-elements-das-geklickt-wird'),
delay = 750; // ms millisekunden
setInterval(function(){
trigger.click();
}, delay);
})();
// zusatzeffekt damit das klicken sichtbar wird
(function(){
var trigger = document.querySelector('#id-des-elements-das-geklickt-wird'),
counter = document.querySelector('#counter'),
delay = 75,
timeout;
trigger.addEventListener('click', function(event){
var count = parseInt(counter.innerText);
timeout = clearTimeout(),
trigger.classList.add('clicked');
timeout = setTimeout(function(){
trigger.classList.remove('clicked');
}, delay);
counter.innerHTML = count+1;
event.preventDefault();
});
})();