Search the Community

Bom, preciso criar uma funçao que faz uma variavel string ter um valor durante um periodo de 5 segundos e depois outro valor durante os proximos 5 segundos, fazendo isso a todo momento. Por exemplo: Uma variavel cor que tenha como valor "preto" durante 5 segundos e depois receba o valor "branco".

Olá, estou com problemas, minha data está atualizando porém eu clico em um produto ele exibe o tempo sem atualizar . quando eu mudo de produto ele mostra os dois valores exemplo Produto 1: tem duraçao de: 1 dia e 13:023 PM Produto 2: tem duraçao de: 0 dia e 23:023 PM Quando eu clico no produto 1 ele exibe normalmente, porém quando mudo para o produto 2 ele fica atualizando o valor do dia do produto 1 e do produto 2 sempre mudando. segue abaixo como está o codigo JavaSCRIPT function anooo(mes,dia,h,m){ var mess = mes; var dias = dia; var hss = h; var mss = m; // Set the date we're counting down to var countDownDate = new Date(""+mess+" "+dias+", 2020 "+hss+":"+mss+":00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var dayss = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("days").innerHTML = dayss; document.getElementById("hrs").innerHTML = hours; document.getElementById("minus").innerHTML = minutes; document.getElementById("secs").innerHTML = seconds; this.remove(countDownDate); // If the count down is over, write some text if (distance < 0) { clearInterval(x); } }, 1000); } AQUI É O CHAMADO: <? if($result->Discount>=1){ $Month = date('M', strtotime($result->DateDiscount)); $Days = date('d', strtotime($result->DateDiscount)); $Hours = date('H', strtotime($result->DateDiscount)); $Minutes = date('i', strtotime($result->DateDiscount)); echo "<script>anooo('".$Month."','".$Days."','".$Hours."','".$Minutes."')</script>"; //echo "<script>alert('".$Month."')</script>"; ?> <ul class="time_sell remain_time"> <li> <dl> <dt class="blind">남은시간</dt> <dd> <span class='n_date day' id='days'></span> <span class='date'>일</span> <span class='n_time hour' id='hrs'></span> <span class='n_time minute' id='minus'></span> <span class='n_time second' id='secs'></span> <div id="countdown"></div> </dd> </dl> </li> </ul> <? } ?> eu já tentei de tudo mais sempre que mudo de produto ele exibe a data dos produtos anteriores em loop. a cada atualização do setInterval

No Css: .nwwClass { border: 1px solid white; background-color: black; color: white; padding: 3px; } No html: <table id="tablee"> <tr><th class="tdss">operadores</th><th class="tdss">significados</th></tr> <tr><td class="tdss">+</td><td class="tdss">adição</td></tr> <tr><td class="tdss">-</td><td class="tdss">subtração</td></tr> <tr><td class="tdss">*</td><td class="tdss">mutiplicação</td></tr> <tr><td class="tdss">/</td><td class="tdss">divisão</td></tr> <tr><td class="tdss">%</td><td class="tdss">módulo</td></tr> <tr><td class="tdss">++</td><td class="tdss">incremento</td></tr> <tr><td class="tdss">--</td><td class="tdss">decremento</td></tr> <tr><td class="tdss">>=</td><td class="tdss">menor ou igual</td></tr> <tr><td class="tdss"><=</td><td class="tdss">maior ou igual</td></tr> <tr><td class="tdss">!=</td><td class="tdss">diferente</td></tr> </table> No javaScript que é o proplema tá ai::: function adiciono(){ tdss[x].classList.add('nwwClass'); } var tdss = document.getElementsByClassName('tdss'); var x = 0; for(;x < tdss.length; x+=2){ if(tdss[x].className != "tdss nwwClass"){ setInterval(adiciono,2000) } } // minha ideia é adicionar o estilo css um por cada vez em x periodo de tempo, um por um nas TD so para uma simples animação e melhorar o conheçimento mesmo abraços;

Fala galera, seguinte: Tenho uma div na home de um site e utilizo ajax pra exibir posts aleatórios dentro dessa DIV. O que eu queria fazer é trocar automaticamente os posts a cada 5 segundos, ou seja, reexecutar a função que pega os posts a cada 5 segundos. To utilizando o setInterval e saiu "quase" tudo bem, a não ser pelo fato de que ele ta dando refresh na div a cada segundo e eu não to conseguindo alterar esse tempo. O problema é somente esse, alterar o tempo do setInterval. Valeu, e segue o código: $(document).ready(function reloadArtista(){ $.ajax({ url: 'http://meusite.com.br/posts/', data: {}, success: function (data) { $("#postsHome").html($(data).find("#divPost")); setInterval(reloadArtista(), 5000); }, dataType: 'html' }); }); // postHome é a div onde meus posts serão exibidos // divPost é a div que contém as informações do post, já que eu to pegando de uma página HTML com vários outros elementos

Olá galera, estou a mais um menos 3 dias pesquisando sobre isso e até agora não encontrei solução devido ao meu pouco conhecimento na area de programação em javascript, mas a minha dúvida é a seguinte: Coloquei um setInterval que faz a requisição da pagina para buscar se há novas mensagens e assim mostra-las em uma div, porém não consigo fazer com que, quando receber uma nova mensagem, a div role para baixo e exiba a nova mensagem. ja usei funções do tipo scrollTop: $('#chat').prop('scrollHeight')}, 500 mas não tive sucesso com a mesma, pois ela não rola de acordo com o que eu quero. Se alguém tiver uma luz, poste aqui. Desde já, obrigado