В этой статье описывается метод динамического отображения времени, который реализует JavaScript, синхронизированный до локального времени. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Пример динамического времени отображения очень прост. После понимания JavaScript можно завершить вещи с помощью нескольких строк кода.
Но для некоторых людей, которые никогда не подвергались JavaScript, они почти выглядят как большой проект, а затем ищут код в Интернете, а затем не могут найти его в обширном HTML -коде и в конечном итоге не могут получить ключевые моменты.
1. Основные цели
Реализуйте время текстового текста веб -страницы, которое сопровождается временем клиента (на машине браузера), используя кратчайший код.
2. Процесс производства
Скопируйте код следующим образом: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsclock </title>
</head>
<тело>
<script type = "text/javascript">
function clock () {
var time = new date (). tolocalestring ();
document.getElementbyId ("часы"). innerHtml = время;
}
setInterval ("clock ()", 1000);
</script>
<span id = "clock"> </span>
</body>
</html>
1. Если объект Date использует конструктор без параметров, он вернет время клиента. Метод ToLocalestring () преобразует время для отображения формата времени. Если это просто метод ToString (), он будет преобразовать только время в строку времени, написанную на английском языке. В то же время я лично понял, что метода TolocaletImestring () не существует, пожалуйста, не бросайте. Если вы не удовлетворены временем преобразования собственных методов системы, пожалуйста, используйте различные методы, такие как getDay (), getMonth (), eleageear (), чтобы построить строку. Нет отображения снова.
2. Innerhtml эквивалентен идентификационным часам все элементы под часами. document.getElementbyId ("часы"). innerHtml = время; Значение предложения «<span id =" clock "> </span>" изменяется в содержимое строки времени.
3. Ключом к этому JavaScript является SetInterval ("clock ()", 1000); Функция, что означает, что функция часов () выполняется один раз каждые 1000 миллисекунд, то есть каждые 1 секунду. То есть каждую секунду, содержание <span id = "clock"> </span> обновляется по строке времени.
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.