Идущие часы - JavaScript, Ajax

ArtJuhn · 12.11.2010, 00:00

Доброго времени суток!
Задача заключается в выводе текущей даты и времени в документе html.
Реализовал путём получения даты и времени с помощью объекта Date(). Однако не знаю как сделать так, что бы функция вызывалась каждую секунду (и тем самым часы будут идти, а не застывать). Пробовал с помощью метода setTimeout, не вышло... Не поможете?

Код:

<html>
<head>
<title>Praktice 5</title>
</head>
<body>
<script type="text/javascript">
function DateAndTime()
	{
		var dt = new Date();
		document.write("Date: " +dt.getDay() +"." +dt.getMonth() +"." + dt.getFullYear() +'<br>' +"Time: " +dt.getHours() +":" +dt.getMinutes() +":" + dt.getSeconds());
	}
DateAndTime();
</script>
</body>
</html>

Никки · 12.11.2010, 05:43

Код:

<html>
<head>
<title>Praktice 5</title>
</head>
<body>
<p id="aaa"></p>
<script type="text/javascript">
function DateAndTime()
	{
		var dt = new Date();
		document.getElementById('aaa').innerHTML="Date: " +dt.getDay() +"." +dt.getMonth() +"." + dt.getFullYear() +'<br>' +"Time: " +dt.getHours() +":" +dt.getMinutes() +":" + dt.getSeconds();
                setTimeout("DateAndTime()", 1000); 
	}
DateAndTime();
</script>
</body>
</html>

Никки · 12.11.2010, 05:48

Либо если хотите использовать document.write делайте релоад каждую секунду, например с помощью <meta> заголовка.

ArtJuhn · 12.11.2010, 17:06

Спасибо!
О таких методах (GetelementById и InnerHTML) я и не знал, что-то не могу найти их описание в и-нете. Может кто-то может объяснить что они делают, и как id, описанный вне скрипта, с ним связывается ?

Никки · 12.11.2010, 17:52

Хороший программист должен знать английский!

http://www.w3schools.com/jsref/met_d...lementbyid.asp - getElementById (выберает из DOM первый элемент с указанным ID)

http://www.w3schools.com/jsref/prop_html_innerhtml.asp - innerHTML - (устанавливает или возвращает вложенный в элемент HTML)

любой элемент DOM можно использовать в скрипте зная его ID. для этого сначала получаем этот самый элемент: var abc = document.getElementById('ID'); и затем уже делаем с ним всё, что хотим, например alert(abc.innerHTML); выведет вложенный в элемент код.

ArtJuhn · 12.11.2010, 21:25

Всё по полочкам, спасибо

12.11.2010, 00:00	#1
ArtJuhn Пользователь Регистрация: 31.05.2010 Сообщений: 24	Идущие часы Доброго времени суток! Задача заключается в выводе текущей даты и времени в документе html. Реализовал путём получения даты и времени с помощью объекта Date(). Однако не знаю как сделать так, что бы функция вызывалась каждую секунду (и тем самым часы будут идти, а не застывать). Пробовал с помощью метода setTimeout, не вышло... Не поможете? Код: `<html> <head> <title>Praktice 5</title> </head> <body> <script type="text/javascript"> function DateAndTime() { var dt = new Date(); document.write("Date: " +dt.getDay() +"." +dt.getMonth() +"." + dt.getFullYear() +'<br>' +"Time: " +dt.getHours() +":" +dt.getMinutes() +":" + dt.getSeconds()); } DateAndTime(); </script> </body> </html>`

12.11.2010, 05:48	#3
Никки Форумчанин Подтвердите свой е-майл Регистрация: 20.11.2007 Сообщений: 500	Либо если хотите использовать document.write делайте релоад каждую секунду, например с помощью <meta> заголовка. Операторы России

12.11.2010, 17:52	#5
Никки Форумчанин Подтвердите свой е-майл Регистрация: 20.11.2007 Сообщений: 500	Хороший программист должен знать английский! http://www.w3schools.com/jsref/met_d...lementbyid.asp - getElementById (выберает из DOM первый элемент с указанным ID) http://www.w3schools.com/jsref/prop_html_innerhtml.asp - innerHTML - (устанавливает или возвращает вложенный в элемент HTML) любой элемент DOM можно использовать в скрипте зная его ID. для этого сначала получаем этот самый элемент: var abc = document.getElementById('ID'); и затем уже делаем с ним всё, что хотим, например alert(abc.innerHTML); выведет вложенный в элемент код. Операторы России

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Электронные часы	jaxik	Общие вопросы Delphi	2	07.04.2010 12:25
Аналоговые часы	hamlook	Microsoft Office Excel	13	09.03.2010 11:08
Си найти одинаковые идущие подряд элементы и удалить один из них	Денни	Помощь студентам	8	15.02.2010 01:41
Часы	Bingam Vici	Свободное общение	5	18.05.2009 14:50

12.11.2010, 17:06	#4
ArtJuhn Пользователь Регистрация: 31.05.2010 Сообщений: 24	Спасибо! О таких методах (GetelementById и InnerHTML) я и не знал, что-то не могу найти их описание в и-нете. Может кто-то может объяснить что они делают, и как id, описанный вне скрипта, с ним связывается ?

12.11.2010, 21:25	#6
ArtJuhn Пользователь Регистрация: 31.05.2010 Сообщений: 24	Всё по полочкам, спасибо