1. Visão geral
Ao navegar em muitos sites, você descobrirá que a função de exibir o tempo atual do sistema é adicionada ao site. Exibir o tempo atual do sistema na página da web não apenas torna conveniente para os espectadores entenderem o horário atual, mas também embelezam a página da web.
2. Pontos técnicos
Implementação usando objetos de data. Primeiro, crie um objeto DATE () que representa a hora atual do sistema e, em seguida, obtenha os valores do ano, mês, dia, hora, minuto, segunda e semana do tempo atual do sistema através do método getxxx () do objeto Data. Em seguida, combine os valores obtidos em uma string de data e hora e defina a string de data e hora com o conteúdo da tag <div>. Por fim, use a função setTimeout () do objeto de janela para chamar uma função que exibe o tempo do sistema em tempo real a cada 1 segundo.
3. Implementação específica
(1) Crie uma nova página Index.jsp e escreva uma função JavaScript que exibe o tempo do sistema em tempo real. O código -chave é o seguinte:
/*** Exibição em tempo real do tempo do sistema*/função getLangdate () {var dateObj = new Date (); // objeto de data representando o tempo atual do sistema var ano = dateObj.getlyear (); // o valor do ano inteiro do tempo atual var mês = dateObj.getMonth ()+1; // o valor do mês do tempo atual VAR DATE = DATEOBJ.GETDATE (); // O dia do tempo atual do sistema var dia = dateObj.getday (); // O dia do horário atual do sistema var weeks = ["domingo", "segunda -feira", "terça -feira", "quinta -feira", "sexta -feira", "sábado"]; Var Week = Weeks [Day]; // Do valor da semana, obtenha a sequência da semana correspondente da matriz var hour = dateObj.gethours (); // o valor da hora do tempo atual var minuto = dateObj.getminutes (); // o valor minuto do tempo atual var VAR Second = dateObj.getSeconds (); // O segundo valor do tempo atual do sistema // se os valores do mês, dia, hora, minuto e segundo forem menores que 10, adicione 0IF (mês <10) {me mês = "0"+mês;} if (data <10) {date = "0"+date;} if (hora <10) {hora "0"+hora;} se (10 minuto) {} {Minute; "0"+segundo;} var newDate = ano+"ano"+mês+"mês"+data+"dia"+semana+""+hora+":"+minuto+":"+segundo; document.getElementById ("dateSTST").(2) A função JavaScript gravada na etapa de carregamento do evento OnLoad (1) na tag <body> da página e a tag <div> é adicionada à posição apropriada da página, com o ID "DATEST". O código -chave é o seguinte:
<corpo onload = "getLangdate ()"> <div id = "datestr"> </div> </body>
Quando a exibição em tempo real do tempo do sistema, você também pode usar o método setIntervar () do objeto da janela. O método setInterval () é semelhante ao método setTimeout ().
A diferença é que, depois de chamar o método setIntervar () do objeto de janela, o método JavaScript chamado pelo método setIntervar () será executado o tempo todo, enquanto o método setTimeout () só pode ser executado uma vez. Se você deseja executar um método JavaScript através do método setTimeout (), setTimeout () deve ser escrito no método JavaScript chamado.
O exposto acima é o conhecimento relevante introduzido pelo editor na exibição em tempo real do tempo do sistema com base no código JS. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!