Como Inserir Tempo Em Um Site

Índice:

Como Inserir Tempo Em Um Site
Como Inserir Tempo Em Um Site

Vídeo: Como Inserir Tempo Em Um Site

Vídeo: Como Inserir Tempo Em Um Site
Vídeo: Como inserir clima do tempo em meu site 2024, Novembro
Anonim

Você está trabalhando na construção do seu site e decidiu que seria uma boa ideia instalar um contador de ponto ou relógio. Use um dos métodos de instalação, dependendo de sua preferência.

Como inserir tempo em um site
Como inserir tempo em um site

Instruções

Passo 1

Instale o relógio do informante no site usando Yandex. Vá para a página https://time.yandex.ru, selecione uma das guias na seção "Relógio" - com setas (regulares) ou com números (eletrônicos). Encontre seu fuso horário. Isso pode ser feito verificando os indicadores de discagem com a hora no computador ou passando o cursor do mouse sobre a imagem. Clique com o botão esquerdo na engrenagem no canto superior direito do relógio e selecione uma ação da lista - "informante para o site". Vá para a janela com o código html, copie-o. Instale o código na seção do seu site selecionada para o relógio.

Passo 2

Confira um dos sites em inglês que oferecem uma grande seleção de diferentes "modelos" de relógios. Por exemplo, em https://www.clocklink.com ou https://toolshell.org. Selecione uma categoria no menu, confira as opções apresentadas, encontre "seu" relógio. Clique na imagem com eles e vá para a página do contrato de licença (em https://www.clocklink.com) ou registre-se (em https://toolshell.org). Pegue o código, copie e cole no local designado para o relógio em seu site.

etapa 3

Crie um relógio dinâmico com Javascript atualizado a cada segundo. Defina o formato de hora normal: hh: mm: ss (por exemplo, 21:21:21), onde h é a hora do dia, m são minutos, s são segundos. Crie uma página simples incluindo um arquivo "time.js" com o código Javascript: Exibindo um relógio dinâmico Hora atual

Passo 4

Crie um arquivo "time.js" com a execução da função de tempo a cada segundo (1000ms), e também com a execução da função de tempo quando a página for acessada. Além disso, o identificador “tick_tack” está incluído no texto deste documento.

Etapa 5

Coloque os dois arquivos acima na mesma pasta e execute o arquivo "index.html" para verificar se o relógio é exibido. Caso contrário, verifique se o Javascript está desabilitado em seu navegador.

Recomendado: