Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá companheiros e companheiras eu estou com uma duvida sobre o Jquery e gostaria de saber se é possivel eu executar meu script.
eu tenho o seguinte script
var tempo = window.setInterval(carrega, 1000);
function carrega()
{
$('#conteudoMesa').load("dynamic_mesa.php");
}
eu gostaria de quando eu passasse o mouse em cima de um meni dinamico vindo deste load o intervalo de carregamento ficasse congelado pois quando eu passo o mouse en cima do menu e da refresh no conteúdo ele desfaz a ação.
Caso precisem de mais detalhes estarei a disposição
amigo será que poderia me dar um exemplo de como usar isto como condição. tipo se passar o mouse pela div tal parar o tempo tipo efeito :hover?
Quando você colocar o mouse em cima do quadrado com o número, a contagem irá parar.
Quando você tirar o mouse, a contagem continua.
A contagem está sendo feita a cada 1 segundo com setInterval().
Código didático, se tiver dúvidas, pergunte.
Funcionando:
http://wbruno.github.io/examples/pause-interval/
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#ret {
width: 200px;
height: 200px;
line-height: 200px;
border: 1px solid;
font-size: 70px;
text-align: center;
}
</style>
</head>
<body>
<div id="ret">0</div>
<script type="text/javascript">
var $ret = document.getElementById('ret'),
itv;
function write() {
$ret.innerHTML = parseInt($ret.innerHTML, 10)+ 1;
}
itv = setInterval(write, 1000);
$ret.addEventListener('mouseenter', function(){
clearInterval(itv);
});
$ret.addEventListener('mouseleave', function(){
itv = setInterval(write, 1000);
});
</script>
</body>
</html>
clearInterval(tempo)e ai, quando vc quiser q recomece o tempo, vc starta novamente o interval.