Tenho o seguinte problema: Gostaria de fazer um clique em uma div no qual após por exemplo 7 minutos exibisse uma outra div.
Penso que na teoria a solução seria: Quando fosse feito o clique, deveria pegar a hora atual e adicionar a condição de incremento de 7 minutos, que ao chegar nessa condição a div fosse exibida. Claro, se existir outras possibilidades melhores, por favor me digam.
Mas, na prática não consegui fazer usando javascript. Isso é realmente possível? Alguém poderia exemplificar?
Essa é a div que vai receber o clique, ela contém um vídeo incorporado
<div class="row mt-5 mb-5">
<div class="col-sm-8 col-12 wow animated fadeInDown" data-wow-duration="4s" data-wow-delay="0.6s" style="margin: 0 auto; width: 50%;">
<iframe id="video-msr" src="#" width="100%" height="558" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</div>
Essa é a div que deve ser exibida após ser feito o clique
<div class="row btn-linha-compra btnFixo">
<div class="col-sm-6 col-12 text-center" style="margin: 0 auto; width: 50%;">
<button class="btn-compra" data-wow-delay="0.6s">
<div class="wow pulse" data-wow-iteration="infinite">
<a id="link-compra" href="#" target="_blank">ACESSAR AGORA</a>
</div>
</button>
</div>
</div>