JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tela" style="display: none; width: 200px; height: 200px; background: red;">
Só irá aparecer novamente após 1 minuto
</div>
JavaScript
function criaCookie(){
var data_at = new Date();
var data_6h = new Date(data_at);
var data_6h = data_6h.setMinutes(data_at.getMinutes()+1);
localStorage.protetor2 = data_6h;
}
$(document).ready(function(){
if(localStorage.getItem("protetor2") === null){
criaCookie();
$('#tela').show();
}else{
var tempo_fim = localStorage.protetor2;
var data_at = new Date();
var data_at = data_at.setMinutes(data_at.getMinutes());
var tempo = tempo_fim - data_at;
if(tempo <= 0){
localStorage.removeItem("protetor2");
criaCookie();
$('#tela').show();
}
}
});