Идущие часики
Идущие часики можно поместить в строке статуса и в поле form. (Реализация объекта Date в Netscape Navigator 2.0 содержит ошибки)
Первый пример - скрипта, создающего часики в строке статуса при загрузке документа:
<html>
<head>
<title>Clock in status bar</title>
<script language="JavaScript">
function clock_status()
{
window.setTimeout("clock_status()",100);
today=new Date();
self.status=today.toString();
}
</script>
</head>
<body background="ffffff" onLoad="clock_status()">
</body>
</html>
Второй пример - скрипта, создающего часики (в сокращенном варианте) в поле form
<html>
<head>
<title>Clock</title>
<script language="JavaScript">
function clock_form()
{
day=new Date()
clock_f=day.getHours()+":"+day.getMinutes()+":"+day.getSeconds()
document.form.f_clock.value=clock_f
id=setTimeout("clock_form()",100)
}
</script>
</head>
<body bgcolor="ffffff" onLoad="clock_form()">
<center>
<form name=form metod="get">
<input name=f_clock maxlength=8 size=8>
</form>
</center>
</body>
</html>
Третий пример - еще один вариант отображения часиков. Причем обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.
<html>
<head>
<title>Clock full</title>
</head>
<script language="JavaScript">
function fulltime() {
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout('fulltime()',500)
}
</script>
<body bgcolor=ffffff text=ff0000>
<center>
<form name=clock>
<input type=text size=17 name=full>
</form>
<script language="JavaScript">
fulltime();
</script>
</center>
</body>
</html>
В четвертом примере часики с "P.M." и "A.M."
<html>
<head>
<title>Clock</title>
<script language="JavaScript">
var timer=null;
var timerrun=false;
function stoptime() {
if(timerrun)
clearTimeout(timer);
timerrun=false;
}
function starttime() {
stoptime();
showtime();
}
function showtime() {
var all=new Date();
var hours=all.getHours();
var minutes=all.getMinutes();
var seconds=all.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.next.value=timevalue;
timer=setTimeout('showtime()',1000);
timerrun=true;
}
</script>
<body bgcolor=ffffff text=ff0000 onLoad="starttime()">
<center>
<form name=clock>
<input type=text name=next size=12 value=' '>
</center>
</form>
</body>
</html>
Бегущая строка.
<html>
<head>
<title>Бегущая строка</title>
<script language="javascript">
function statusmessageobject(p,d) {
this.msg = message
this.out = " "
this.pos = position
this.delay = delay
this.i = 0
this.reset = clearmessage
}
function clearmessage() {
this.pos = position
}
var position = 100
var delay = 40
var message = "центр информационных"
+ " технологий"
var scroll = new statusmessageobject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
</script>
</head>
<body bgcolor="#000000" onLoad="scroller()">
</body> </html>
Бегущая строка в поле form.
<html>
<head>
<title>Бегущая строка</title>
</head>
<script language="JavaScript">
var line="Центр Информационных Технологий ";
var speed=150;
var i=0;
function m_line() {
if(i++<line.length) {
document.cit.forum.value=line.substring(0,i);
}
else{
document.cit.forum.value=" ";
i=0;
}
setTimeout('m_line()',speed);
}
</script>
<body bgcolor=000000>
<center>
<form name=cit>
<input type=text size=32 name=forum>
</form>
</center>
<script language="JavaScript">
m_line();
</script>
</body>
</html>
Для вывода текущей даты используется объект Date и метод write объекта document.
Текущая дата: Thu, 08 Feb 2007 01:29:18 GMT+0500.
<SCRIPT LANGUAGE="JavaScript">
current_date = new Date();
document.write("<p><i>Текуща\я дата:</i> " +
current_date + ".<p>");
</SCRIPT>
Также можно вывести сокращенный вариант для этого используются методы getDate, getMonth, getYear. Обратите внимание, что нумерация месяцев начинается с нуля.
Число: 8.1.107.
<SCRIPT LANGUAGE="JavaScript">
current_date = new Date();
document.write("<i>Число:</i> " + current_date.getDate() +
"." + current_date.getMonth() + "." + current_date.getYear() + ".");
</SCRIPT>
Вывод окна сообщений.
Используя методы alert, confirm, prompt можно выводить сообщения пользователю. Сообщение, выводимое alert, используется для вывода предупреждений пользователю. Метод confirm используется для сообщений, требующих принятия решения пользователем. При использовании prompt окно сообщений содержит само сообщение и поле ввода текста, который при нажатии кнопки "OK" может передаваться серверу или использоваться при вызове другого скрипта.
Для этого в теле документа в тагах <FORM> используются обработчики событий onClick и методы alert, prompt, а для confirm используется функция test, описанная в тагах <SCRIPT>.
<script language="JavaScript">
function test() {
if (confirm("If you want to close the window, press 'OK'?")) { window.close()} }
</script>
<form>
<input name=kuku type=submit value="alert" onClick="alert('Message for users')">
<input name=tutu type=submit value="confirm" onClick="test()">
<input name=nunu type=submit value="prompt" onClick="prompt('Enter your name, please','')">
</form>