Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | ||
|
Написати сценарій, який визначає поточний час і виводить його в текстове поле у форматі "чч:мм:сс". В перемінной res формується рядок, який потім відображує в полі rest форми з ім'ям formi. Для того, щоб уточнити час, потрібно ще раз натиснути кнопку Время і т. д.
Приклад 6.1
<HTML>
<head>
<title>Определение времени</title>
<script language="JavaScript">
function с1() {
var d=document
var t=new Date()
var h=t.getHours()
var m=t.getMinutes()
var s=t.getSeconds()
var res=""
if (h<10)
res+="0"+h
else
res+=h
if (m<10)
res+=":0"+m
else
res+= ":"+m
if (s<10)
res+=":0"+s
else
res+=":"+s
d.form1.rest.value=res
}
</script>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<IMG src="clock.bmp"><br>
При нажатии кнопки <В>Время</В>, Вы узнаете, который час
<FORM name="form1">
<input type="button" value=Время onClick="с1()">
<input type="text" size=10 name="rest"><br>
</FORM>
</BODY>
</HTML>
6.2. Визначення року, місяця, числа, дня тижня і часу
Можна зробити так, що через деякий заданий період значення часу буде обновлятися. Для цього можна використовувати функцію setTimeout ("с1()", 3000). Нагадаємо, що функція setTimeout виконує указані в першому параметрі дії після закінчення інтервалу часу, що задається другим параметром. В наведеному прикладі через три секунди буде знов здійснений виклик функції d, результат відображується в полі rest форми form1.
Нижче наведений сценарій, який визначає рік, назву місяця, число, день тижня і час поточної дати. Для того, щоб по номеру дня, визначуваному методом getDay, вивести назву дня, можна скористатися оператором вибору. Аналогічно і у разі виведення назви місяця. При клацанні по відповідній кнопці виводиться необхідне значення.
Приклад 6.2.
<HTML>
<HEAD>
<TITLE>Определение года, месяца, числа, дня недели и времени</TITLE>
<script language="JavaScript">
var d=document
var t=new Date()
function fyear(obj) {
var year=t.getYear()
obj.fye.value=year
}
function fmon(obj) {
var s
var month=t.getMonth()
switch (month) {
case 0: s="январь"; break;
case 1: s="февраль"; break;
case 2: s="март"; break;
case 3: s="апрель"; break;
case 4: s="май"; break;
case 5: s="июнь"; break;
case 6: s="июль"; break;
case 7: s="август"; break;
case 8: s="сентябрь"; break;
case 9: s="октябрь"; break;
case 10: s="ноябрь"; break;
case 11: s="декабрь"; break;
}
obj.fm.value=s
}
function fdate(obj) {
var d= t.getDate()
obj.fdat.value=d
}
function fday(obj) {
var day= t.getDay()
var s
switch (day) {
case 0: s="воскресенье"; break;
case 1: s="понедельник"; break;
case 2: s="вторник"; break;
case 3: s="среда"; break;
case 4: s="четверг"; break;
case 5: s="пятница"; break;
case 6: s="суббота"; break;
}
obj.fd.value=s
}
function cl(obj) {
var h=t.getHours()
var m=t.getMinutes()
var s=t.getSeconds()
var res=""+ h
if (m<10)
res+=":0"+m
else res += ":"+m
if (s<10)
res+=":0"+s
else
res+=":"+s
obj.clo.value=res
}
function aldate(obj) {
obj.aldat.value=t
}
</script>
</HEAD>
<BODY bgcolor="#FFFFCC">
<h4>Для получения информации нажмите соотвествующую кнопку</h4>
<FORM name="form1">
<input type="button" value="Год" onClick="fyear(form1)">
<input type="text" size=20 name="fye"><br>
<input type="button" value="Месяц" onClick="fmon(form1)">
<input type="text" size=20 name="fm"><br>
<input type="button" value="Число" onClick="fdate(form1)">
<input type="text" size=20 name="fdat"><br>
<input type="button" value="День" onClick="fday(form1)">
<input type="text" size=20 name="fd"><br>
<input type="button" value="Время" onClick="cl(form1)">
<input type="text" size=20 name="clo">
<HR>
<input type="button" value="Дата" onClick="aldate(form1)">
<input type="text" size=40 name="aldat">
<HR>
</pre>
<input type="reset" value=Отменить>
</FORM>
</BODY>
</HTML>
6.3. Визначення робітника і вихідного дня
Нехай користувач вводить рік, назву місяця і число. Вимагається написати сценарій, в результаті роботи якого визначається, на який день (робітник або вихідний) доводиться задана дата. Залежно від дня тижня в документі повинен з'являтися відповідний малюнок.
В сценарії створюється новий об'єкт Data з ім'ям t, для якого три значення визначаються користувачем і беруться з відповідних полів форми. Причому місяць визначається за допомогою тега <select>. В теге <option> значення параметра value задає номер місяця в році. Після того, як дата визначена, за допомогою методу getDay про з'ясовується номер дня тижня, відповідний цій даті. Функція fday(day) по номеру дня визначає його назву, яка потім поступає в полі форми для формування відповіді на питання.
Приклад 6.3.
<HTML>
<HEAD>
<TITLE>Рабочий или выходной день заданной даты</TITLE>
<script language="JavaScript">
var d=document
var t=new Date()
function fday(day){
var s
switch (day) {
case 0: s="воскресенье"; break;
case 1: s="понедельник"; break;
case 2: s="вторник"; break;
case 3: s="среда"; break;
case 4: s="четверг"; break;
case 5: s="пятница"; break;
case 6: s="суббота"; break;
}
return s
}
function def(obj) {
var s
t.setYear(Number(obj.fye.value))
t.setDate(Number(obj.fdat.value))
var m=Number(obj.fm.value)
t.setMonth(m)
var nday= t.getDay()
var idt= fday(nday)
if (nday==0¦¦nday==6)
{s="выходной день-"+idt
document.mypict.src="holiday.bmp"
}
else
{s="рабочий день-" +idt
document.mypict.src="work.bmp"
}
obj.fd.value=s
}
function aldate(obj) {
obj.aldat.value=t
}
</script>
</HEAD>
<BODY>
<CENTER>
<h4>Ha какой день недели (рабочий или выходной) попадает заданная дата?</h4>
<TABLE align=center border=3 cellpadding=4 cellspacing=4
bgcolor=silver>
<tr><th>Интересующая дата
<th> попадпет на
<tr><td>
<FORM name="form1">
<pre>
год: <input type="text" size=10 name="fye" >
месяц: <select name="fm" size=1>
<option value=0>январь
<option value=1>февpaль
<option value=2>мapт
<option value=3>апpeль
<option value=4>май
<option value=5>июнь
<option value=6>июль
<option value=7>август
<option value=8>сентяврь
<option value=9>октябрь
<option value=10>ноябрь
<option value=11>декабрь
</select>
число: <input type="text" size=10 name="fdat">
</pre>
<td align=center>
<FORM>
<input type="text" size=27 name="fd"><br>
<IMG src=”work.bmp” name=mypict height=100>
</TABLE>
<input type="button" value="0пределить" onClick="def(form1)">
<input type="reset" value="Отменить"><HR>
<input type="button" value="Tecт" onClick="aldate(form1)">
<input type="text" size=40 name="aldat" ><HR>
</BODY>
</HTML>
6.4. П'ятниця 13
Написати сценарій, за допомогою якого визначаються всі дати в указаному році, що доводяться на п'ятницю, 13 число.
При написанні сценарія необхідно поступати таким чином: перебирати за допомогою циклу місяці і в кожному місяці встановлювати номер дня 13. Установка необхідної дати виконується використанням методів роботи з датою:
t.setYear (у)
t.setMonth (i)
t.setDate (13)
Далі потрібно перевірити, який номер дня відповідає цій даті. Якщо номер рівний п'яти ((t.getDay())= =5), то день тижня — п'ятниця, знайдений місяць потрібно запам'ятати. Для формування відповіді використовується рядкова переменная з, після запам'ятовування назви місяця добавляється символ перекладу рядка.
Приклад 6.4.
<HTML>
<HEAD>
<TITLE>В какие месяцы года 13 число попадает на пятницу?</TITLE>
<script language="JavaScript">
function def13(obj) {
var t=new Date()
var с=""
var у=Number(obj.fye.value)
for (var i=0; i<=11; i++) {
t.setYear(у)
t.setMonth(i)
t.setDate(13)
if ((t.getDay())==5)
с=с+fmon(i)+ "\r\n"
}
obj.res.value=с
}
function fmon(mont) {
var s
switch (mont) {
case 0: s="январь"; break;
case 1: s="февраль"; break;
case 2: s="март"; break;
case 3: s="апрель"; break;
case 4: s="май"; break;
case 5: s="июнь"; break;
case 6: s="июль"; break;
case 7: s="август"; break;
case 8: s="сентябрь"; break;
case 9: s="октябрь"; break;
case 10: s="ноябрь"; break;
case 11: s="декабрь"; break;
}
return s
}
</script>
</HEAD>
<BODY bgcolor="#FFFFCC">
<h4>В какие месяцы заданного года число 13 попадает на пятницу?</h4>
<FORM name="form1">
Введите год: <input type="text" size=8 name="fye" >
<input type="button" value=Haйти onClick="def13(form1)"><br>
<textarea cols=30 rows=4 name=res></textarea><br>
<input type="reset" value=Отменить>
</FORM>
</BODY>
</HTML>
6.5. Дата, час і день відвідин Web-страницы
Написати сценарій, який поміщає в документ дату, час і день відвідин сторінки, як показано на рисуке.
Основні дії виконує функція DateTime(), в якій формуються необхідні компоненти інформації, що поміщається, на сторінці. Зверніть увагу, як теги HTML використовуються при формуванні текстової переменній. На рисунку деякі слова виділені напівжирним зображенням.
Приклад 6.5.
<HTML>
<HEAD>
<script language="JavaScript">
function NDays(r) {
var s=""
switch (r) {
case 0: s="воскресенье"; break;
case 1: s="понедельник"; break;
case 2: s="вторник"; break;
case 3: s="среда"; break;
case 4: s="четверг"; break;
case 5: s="пятница"; break;
case 6: s="суббота"; break;
}
return s
}
function NMonths(r) {
var s=""
switch (r) {
case 0: s="января"; break;
case 1: s="февраля"; break;
case 2: s="марта"; break;
case 3: s="апреля"; break;
case 4: s="мая"; break;
case 5: s="июня"; break;
case 6: s="июля"; break;
case 7: s="августа"; break;
case 8: s="сентября"; break;
case 9: s="октября"; break;
case 10: s="ноября"; break;
case 11: s="декабря"; break;
}
return s
}
function DateTime() {
var now=new Date()
var str="Вы посетили эту страницу<br><b>"
year=now.getYear() + ""
str+=now.getDate() + " " + NMonths(now.getMonth()) + " " +
now.getYear() + "</b> года<br>"
str+="в <b>" + now.getHours() + ":" + now.getMinutes() + ":" +
now.getSeconds() + "</b><br>"
str+="Сегодня — <b>" + NDays(now.getDay()) + "</b>"
document.write(str)
}
</script>
</HEAD>
<BODY>
<h4 align=center>Пример использования функций определения
даты и времени</h4>
<CENTER>
<script language = "JavaScript">
DateTime()
</script>
<br><img src="clock.bmp" align=center>
</CENTER>
</BODY>
</HTML>
Дата публикования: 2015-04-10; Прочитано: 495 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!