<aside id='test'>
<h3>My Card</h3>
<p>Каждые 5 сек будет программная иммитация двойного клика</p>
</aside>
aside {
background: #fe9;
border-radius: 1em;
display: inline-block;
padding: 1em;
transform: scale(.9);
transform-origin: 0 0;
transition: transform .6s;
}
.large {
transform: scale(1.5);
background: #fe9321;
}
const card = document.querySelector('aside');
card.addEventListener('dblclick', function (e) {
card.classList.toggle('large');
});
setInterval(function(){
var evt = new Event('dblclick');
// будем дабл-кликать на наше кнопке
var button = document.getElementById('test');
// здесь все и происходит!
button.dispatchEvent(evt);
},5000);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.