1. Visão geral
Ao projetar e desenvolver um site, você pode adicionar a função de exibir a data do sistema à página. Se o festival correspondente puder ser exibido ao exibir a data do sistema, você poderá fornecer ajuda aos visitantes do site.
2. Pontos técnicos
A função de implementar o prompt de data especial pode ser dividida aproximadamente nas etapas a seguir:
(1) Crie uma instância do objeto date (), use métodos getyear (), getMonth (), getDate () e getDay () para obter informações de dados sobre ano, mês, dia e semana no horário atual do sistema.
(2) As informações do mês obtidas usando o método getMonth () são contadas de 0, portanto os dados correspondentes do mês devem ser adicionados automaticamente a 1.
(3) As informações semanais obtidas usando o método getDay () são dados numéricos e é necessário usar a matriz de objetos de dados para convertê -los nas informações de texto correspondentes.
(4) O nome do festival exibido é julgado com base no mês e dia obtido.
(5) Combine e produza todos os dados ao navegador e use o método InnerHTML marcado com a tag <div> para implementá -lo.
3. Código de implementação específico
(1) Use o JavaScript para escrever uma função de prompt de data especial dateprompt () para especificar a tag <div> que exibe a data especial. O código para uma função personalizada que solicita uma data especial é a seguinte:
<Script linguage = "javascript"> <!-função dateprompt () {calendar = new Date (); // obtenha a data do objeto dia = calendar.getday (); mês = calendar.getmonth ()+1; // Obtenha data do mês = calendar.getdate (); // Get Day Year = Calendar.getlyear (); // Obtenha um ano de 4 bits Var Dayname = New Array ("Domingo", "Segunda-feira", "Terça", "Quinta-feira", "Friday", "Saturday"); var time = ano+"ano"+mês+"mês"+data+"dia"+dia de dia [dia]+""; // Data de combinação var holiday = ""; if ((mês == 1) && (date == 1)) Holiday = "<Font Color = Red> Dia do Ano Novo"; if ((Month == 5) && (Date == 1)) Holiday = "<font color = Red> International Labor Day"; if ((mês == 5) && (DATE == 4)) == 1)) Holiday = "<Font Color = Red> Dia Internacional das Crianças"; if ((mês == 7) && (Date == 1)) Holiday = "<Font Color = Red> Centrive Party Anniversary"; if ((Month == 8) && (Data == 1)) Holiday = "<font = Red> Day"; se (Mês) Dia "; if ((mês == 12) && (date == 25)) Holiday =" <font color = vermelho> natal "; tempo = time+holida; clock.innerhtml = time; // Mostre a data do sistema e dê instruções especiais para data} //-> </sCript>(2) No evento Onload marcado com o <body> na página que precisa exibir a data e a hora especiais em tempo real, ligue para a função DatePrompt () apenas escrita e adicione a tag <div> no local apropriado na página. O código a seguir é usado para chamar a função personalizada. O código -chave é o seguinte:
<corpo onload = "dateprompt ()"> <td align = "Center" Background = "Images/1.jpg"> <div id = "relógio"> </div> </td>
O exposto acima é o conhecimento relevante sobre o método de implementação da função de prompt de data especial introduzida a você pelo editor. 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!