He creado un tooltip y lo que quiero hacer es que si dicho tooltip está visible durante 3 segundos, se muestre un mensaje tipo "Lleva viendo esto más de 3 segundos..."
¿Alguien me puede decir cómo lo puedo hacer? He visto que para el manejo de
eventos de tiempo son muy escasos
style.css
Código:
a.tooltip{font:11px Geneva, Arial, Helvetica, sans-serif; color:#CC3E6E; text-decoration:none;}
a.tooltip:hover{border-bottom: 1px dotted #CC3E6E;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {display:none; margin:0 0 0 10px; padding:5px 5px; }
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #CC3E6E; background:#FFEFF5; color:#CC3E6E !important;}
codigo.js
Código:
var sms = "";
function replaceAll(txt, replace, with_this) {
return txt.replace(new RegExp(replace, 'g'),with_this);
}
sms = "<p><a class=\"tooltip\" href=\"#\"> probando<span> probando Tooltip</span></a></p>";
document.body.innerHTML = replaceAll( document.body.innerHTML, "inicio", sms );