Este artigo descreve o método de exibição de tempo dinâmico que implementa o JavaScript sincronizado com o horário local. Compartilhe para sua referência. A análise específica é a seguinte:
O exemplo de tempo dinâmico de exibição é muito simples. Depois de entender o JavaScript, é possível concluir as coisas com algumas linhas de código.
Mas para algumas pessoas que nunca foram expostas ao JavaScript, elas quase parecem um grande projeto e, em seguida, procuram código on -line e, em seguida, não conseguem encontrá -lo no vasto código HTML e, finalmente, não podem obter os pontos -chave.
1. Objetivos básicos
Implemente o tempo de texto da página da web que é acompanhado pelo cliente (no tempo do navegador), usando o código mais curto.
2. Processo de produção
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsclock </ititle>
</head>
<Body>
<script type = "text/javascript">
function clock () {
var time = new Date (). tolocalestring ();
document.getElementById ("relógio"). innerhtml = time;
}
setInterval ("Clock ()", 1000);
</script>
<span id = "relógio"> </span>
</body>
</html>
1. Se o objeto Data usar um construtor sem parâmetros, ele retornará o tempo do cliente. O método tolocalestring () converte tempo para exibir o formato do tempo. Se for apenas o método ToString (), ele apenas converterá o tempo em uma string de tempo escrita em inglês. Ao mesmo tempo, percebi pessoalmente que o método tolocaletimestring () não existe, por favor, não jogue. Se você não estiver satisfeito com o horário da conversão dos próprios métodos do sistema, use vários métodos como getday (), getMonth (), obtlyear () para construir a string. Nenhuma tela novamente.
2. O INnerHTML é equivalente ao relógio de identificação de todos os elementos sob o relógio. document.getElementById ("relógio"). innerhtml = time; O significado da frase "<span id =" clock "> </span>" é alterado para o conteúdo da string de tempo.
3. A chave para este JavaScript é o setInterval ("Clock ()", 1000); função, o que significa que a função Clock () é executada uma vez a cada 1000 milissegundos, ou seja, a cada 1 segundo. Ou seja, a cada segundo, o conteúdo da <span id = "clock"> </span> é atualizado para a string de tempo.
Espero que este artigo seja útil para a programação JavaScript de todos.