Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rogério Bonfim

Mudar tempo de função java Script ao passar o mouse em cima

Por , em Javascript

Recommended Posts

Rogério Bonfim    0

Rogério Bonfim
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
clearInterval(tempo)
e ai, quando vc quiser q recomece o tempo, vc starta novamente o interval.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito