Динамично обновляющиеся часики ;)

happyproff · April 9, 2008

Сделал при помощи js вывод на страницу текущей даты и времени. Вс? хорошо, с форматами разобрался, месяца по русски пишет и вот теперь мои потребности явно превысили возможности. Теперь требуется динамично обновляющиеся часики, т.е. что бы секунды с минутами и часами текли.

Вопрос, как вообще это делается?

happyproff · April 9, 2008

<SCRIPT LANGUAGE="JavaScript">
 var now = new Date();
 var hours = now.getHours();
 var minutes = now.getMinutes();

 mydate = new Date();
 mymonth = mydate.getMonth();
 weekday= mydate.getDate();
 year= mydate.getYear() + 1900;

 var browser=navigator.appName
 if (browser=="Microsoft Internet Explorer") {
 year-= 1900;
 }

 if(mymonth == 0) month = "января "
 else if(mymonth ==1) month = "февраля "
 else if(mymonth ==2) month = "марта "
 else if(mymonth ==3) month = "апреля "
 else if(mymonth ==4) month = "мая "
 else if(mymonth ==5) month = "июня "
 else if(mymonth ==6) month = "июля "
 else if(mymonth ==7) month = "августа "
 else if(mymonth ==8) month = "сентября "
 else if(mymonth ==9) month = "октября "
 else if(mymonth ==10) month = "ноября "
 else if(mymonth ==11) month = "декабря"

 document.write(hours<10 ? "0"+hours : hours);
 document.write(":");
 document.write(minutes<10 ? "0"+minutes : minutes);
 document.write("
" + weekday + " " + month + year);
</SCRIPT>

Storm · April 9, 2008

Есть такой старый пример, разбери, как в н?м сделано.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script language="JavaScript" type="text/javascript">
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
stopclock()
showtime()
}
function showtime()
{
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true}
</script>
<title></title>
</head>

<body onload="startclock()">
 <form name="clock" onsubmit="0" id="clock">
 <input type="text" name="face" size="12" value="">
 </form>
</body>
</html>

Или вот это может подойд?т

http://www.woweb.ru/load/104-1-0-587

ZoNT · April 9, 2008

setInterval

happyproff · April 9, 2008

Вывод в форме не приемлем. Вывод должен происходить в див. Это возможно?

ZoNT · April 9, 2008

возможно вс?, что позволяет браузер

Storm · April 9, 2008

используй innerHTML или innerText

Sign In

Динамично обновляющиеся часики ;)

Question

happyproff

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

happyproff

Link to comment

Share on other sites

Storm

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

happyproff

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

Storm

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information