1. Обзор
При просмотре многих веб -сайтов вы обнаружите, что функция отображения текущего системного времени добавляется на веб -сайт. Отображение текущего системного времени на веб -странице не только делает удобным для зрителей понять текущее время, но и украсить веб -страницу.
2. Технические моменты
Реализация с использованием объектов даты. Во -первых, создайте объект Date (), представляющий текущее системное время, а затем получите значения года, месяца, дня, часа, минуты, второй и недели текущего системного времени через метод getxxx () объекта Date. Затем объедините полученные значения в строку даты и времени и установите строку даты и времени в содержимое тега <div>. Наконец, используйте функцию settimeout () объекта Window, чтобы вызвать функцию, которая отображает системное время в режиме реального времени каждые 1 секунду.
3. Конкретная реализация
(1) Создайте новую страницу index.jsp и напишите функцию JavaScript, которая отображает системное время в режиме реального времени. Ключевой код заключается в следующем:
/*** Отображение системы в реальном времени*/function getLangDate () {var dateObj = new Date (); // Объект даты, представляющий текущую систему времени var year = dateobj.getfular (); // Значение полного года текущего времени системного времени var month = dateObj.getmonth ()+1; // Значение месяца текущего времени системы var date = dateObj.getDate (); // день текущего системы системы var day = dateobj.getday (); // День текущего системного времени var недель = [«воскресенье», «понедельник», «вторник», «четверг», «пятница», «суббота»]; var week = недели [день]; // Из значения недели получите соответствующую строку недели от массива var hour = dateobj.gethours (); // Значение часа текущей системы времени var minute = dateObj.getMinutes (); // Минированное значение текущего времени системы var second = dateObj.getSeconds (); // Второе значение текущего времени системы // Если значения месяца, дня, часа, минуты и второго составляет менее 10, добавить 0if (месяц <10) {месяц = "0"+месяц;} if (date <10) {date = "0"+date;} if (час <10) {час = "0"+hour;} if (minute <10) {minute = "+minate; at at minate; if; at minat; "0"+Second;} var newdate = Год+"Год"+месяц+"месяц"+date+"+week+"+hous+":"+minute+":"+second; document.getElementById ("datestR"). InnerHtml = "Объявление системы: ["+newDate+"]"; setTimeout ("GetLangDate ()", 1000); 1000); 1000); 1000);(2) Функция JavaScript, записанная на этапе загрузки событий Onload (1) на теге на странице <Body>, а тег <viv> добавляется в соответствующую позицию страницы с идентификатором «Datestr». Ключевой код заключается в следующем:
<body onload = "getLangDate ()"> <div Id = "datestr"> </div> </body>
При отображении системного времени в реальном времени вы также можете использовать метод SetIntervar () объекта Window. Метод setInterval () аналогичен методу setTimeout ().
Разница состоит в том, что после вызова метода SetIntervar () объекта Window метод JavaScript, вызванный методом SetIntervar (), будет выполняться все время, в то время как метод setTimeout () может быть выполнен только один раз. Если вы хотите выполнить метод JavaScript с помощью метода setTimeout (), SetTimeout () должен быть записан в методе CALL JavaScript.
Выше приведено соответствующие знания, представленные вам редактором на отображении системного времени в режиме реального времени на основе кода JS. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!