var objectData = new Date();
window.addEventListener('click', relogio, false);
var hora = objectData.getHours();
var minutos = objectData.getMinutes();
var segundos = objectData.getSeconds();
function relogio() {
    
    console.log("Função executada com sucesso!");
    hora = objectData.getHours();
    minutos = objectData.getMinutes();
    segundos = objectData.getSeconds();
    if(segundos < 10) {
        segundos = '0' + segundos;
    }
    if(minutos < 10) {
        minutos = '0' + minutos;
    }
    if(hora < 10) {
        hora = '0' + hora;
    }
    document.getElementById("painel").innerHTML = hora + ":" + minutos + ":" + segundos;
    setTimeout(relogio, 1000);

}
 
O código acima está repetindo corretamente. Isso é verificado no console através da mensagem "Função executada corretamente". Porém não atualiza o relógio! Como isso é possível se antes tudo foi testado e o relógio escreve na tela de boa. Alguém que enxergue onde está o erro, pode me ajudar?

Eu tenho vários botões da classe "b3". Um desses tem id="bt1" e display="block". Também tenho vários botões da classe "b4". Um desse tem id="bt2" e display="none"
 
 
Quando clico em algum dos "b3", o display deles todos fica "none" e o display de todos os "b4" fica "block"  //parei a implementação aki...
 
Mas eu preciso que pra cada combinação "b3" + "b4" ocorra um função diferente baseado no id dos botões deles. Por exemplo, teria um função específica  e única para a combinação "bt1" + "bt2"
 
A classe "b3" tem 10 botões e a "b4" tem 6. Eu, teoricamente, preciso fazer 60 funções, e, mesmo assim, nem sei o que por nessa funções!!! Preciso unir dois .clicks para executar cada uma das 60 funções
 
E, além disso, tem uma forma de não serem necessárias 60 funções (com possíveis 60 ifs)?
 
 
Desde já obrigado a todos.

Boa noite a todos. Olhem, por favor, este trecho de código:
 
$("#E25").click(function()
        {
            setTimeout(function()
            {
                document.getElementById("ter25").id = "t25";
                document.getElementById("E25").style.display = "none";
            }, 2000);
            
            $(".class").draggable
            ({
                containment: "#d1", connectToSortable: "#ter25"    
            });
            
            $("#ter25").droppable
            ({
                hoverClass: "ter-ativo",
                drop: function() 
                {
                    push($(this).html());
                }
            });
        });
 
Eu tenho um botão de id E25.
 
Quando clico nele, divs membras da classe class (criatividade) tornam-se arrastáveis.
 
Essas mesmas divs podem ser "droppadas" em outra div, de id ter25.
 
Porém, preciso que apenas uma div da classe class seja "droppada" na ter25.
 
Então, criei uma função que muda o id da ter25 para t25. Essa funçao é executada 2 segundos após o clique no botão E25.
 
Assim, pensei eu, as divs da classe class não vão mais poder ser "droppadas". Mas me enganei. 
 
Por quê?!!! O que determina a div droppable é seu id, e eu mudei seu id!

Bom dia,
Após inúmeras tentativas não consegui fazer com que o script abaixo mantivesse aberto para o usuário por tempo necessário para escolha da linguá no menu multilíngue após executado e durante o movimento do ponteiro do mouse para seleção da linguá desejada pelo usuário.
O problema é que o usuário ao mover o ponteiro do mouse sobre o link (Language) ativa a abertura de um menu multilíngue, que antes estava oculto e esse menu multilíngue por sua vez volta a se ocultar antes mesmo do usuário ter selecionado a linguá desejada
O que eu estou em várias tentativas já realizadas buscando corrigir é que o script oculte o menu multilíngue aberto após um tempo se não houver interação, mas que esse tempo seja resetado (reset) sempre que for submetido pelo movimento do ponteiro do mouse sobre as opções de linguás, dando ao usuário o tempo necessário para seleção da linguá desejada
Agradeço desde já a todos pelo tempo, atenção e ajuda e também agradeço quaisquer sugestões afim de permitir que o script abaixo mantenha o menu multilíngue disponível ao usuário para que o mesmo possa selecionar a linguá desejada quando houver interação com o link (Language) mas que esse menu multilíngue se mantenha oculto exceto o link (Language) quando não houver interação
<script language="javascript"> var IE4 = document.all; NS4 = document.layers; NS6 = document.getElementById; function getStyle(id){return NS4 ? document[id] : NS6 ? document.getElementById(id).style : document.all[id].style;} function HideLayer(id){getStyle(id).visibility = NS4 ? "hide" : "hidden"; getStyle(id).display = "none";} function ShowLayer(id){getStyle(id).visibility = NS4 ? "show" : "visible"; getStyle(id).display = "block";} </script> <script> function esconde(){ document.getElementById("menu").style.visibility="hidden"; } </script> <form action="#"><input type="submit" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',3000);" value="Language"></form> <div id="menu" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',9000);" style="visibility: hidden;" > <div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> Mais uma vez agradeço a todos pelo tempo, ajuda e atenção
Mayck

Olá, sou novo com JavaScript e estou tentando desenvolver um slide com setTimeout, estou tentando inserir uma função dentro de uma estrutura de repetição porem sem sucesso.
 
Gostaria de saber se alguém pode me ajudar?

PS:. Já tentei usar FOR, WHILE e também o setInterval, porém, todos sem sucesso...
var x = 0; for (x; x < 3; ){ var y = setTimeout(function slide(){ $(".imagem_1_slide_NOTICIAS").css("display", "none"); $(".imagem_2_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_2_slide_NOTICIAS").css("display", "none"); $(".imagem_1_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_1_slide_NOTICIAS").css("display", "none"); $(".imagem_2_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_2_slide_NOTICIAS").css("display", "none"); $(".imagem_1_slide_NOTICIAS").css("display", "block"); }, 3000); }, 3000); }, 3000); }, 3000); }; // Fecha estrutura FOR