Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 31
Nome: Rafael
Sexo: Masculino

Ajuda para criar um relógio analógico continuo

04-09-2018 12:24

Preciso fazer com que o ponteiro dos segundos do relógio analógico fique continuo, não fique dando as pausas de 1 em 1s.
O que eu sabia eu já tentei, e já pesquisei também e não encontrei nada ;(

O que eu tenho é isso:
JS
function updateClock(){ var now = moment(); now.tz("America/Sao_Paulo"); var second = now.seconds() * 6; var minute = now.minutes() * 6 + second / 60; var hour = ((now.hours() % 12) / 12) * 360 + 90 + minute / 12; $('#hour').css("transform", "rotate(" + hour + "deg)"); $('#minute').css("transform", "rotate(" + minute + "deg)"); $('#second').css("transform", "rotate(" + second + "deg)"); } function timedUpdate () { updateClock(); setTimeout(timedUpdate, 1); } timedUpdate();

CSS
.hero-circle { width: 180px; height: 180px; position: relative; border: 8px solid #fff; border-radius: 50%; box-shadow: 0 1px 8px rgba(34,34,34,0.3),inset 0 1px 8px rgba(34,34,34,0.3); } .hero-hour { width: 0; height: 0; position: absolute; top: 50%; left: 50%; margin: -4px 0 -4px -25%; padding: 4px 0 4px 25%; background: #fff; transform-origin: 100% 50%; border-radius: 4px 0 0 4px; } .hero-minute { width: 0; height: 0; position: absolute; top: 50%; left: 50%; margin: -40% -3px 0; padding: 40% 3px 0; background: #fff; transform-origin: 50% 100%; border-radius: 3px 3px 0 0; } .hero-second { width: 0; height: 0; position: absolute; top: 50%; left: 50%; margin: -40% -1px 0 0; padding: 40% 1px 0; background: #fff; transform-origin: 50% 100%; }

Desde já agradeço pela ajuda!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17842
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Ajuda para criar um relógio analógico continuo

04-09-2018 14:37

Tem esse modelo de relógio analógico com o ponteiro de segundos contínuo http://javascriptkit.com/script/script2 ... lock.shtml
1

Quem está online

Usuários navegando neste fórum: Bing [Bot]