Информатика и выч. техника \ Информатика

Работа с формами. Программирование на Java Script, страница 4

<input type="button" value="Поиск" onclick="fun(document.fname.str.value,

document.fname.regexp.value);">

</form>

</font>

</body>

</html>

3.  Программирование на Java Script. Использование таймера.

Создать web-страницу, реализующую электронные часы в формате ЧЧ : ММ : СС. Вывод текущего времени осуществить в текстовое поле <input>. Используя таблицы стилей CSS, задать размер текстового поля, фон, параметры шрифта (размер, цвет, …). Включить в функцию электронных часов будильник. Время для сигнала будильника задавать в двух текстовых полях (часы, минуты). Сигнал будильника осуществить в виде периодической смены цвета фона текстового поля часов. Разбивку страницы и выравнивание текстовых полей осуществить с помощью таблицы.

Приложение

1. Некоторые методы объекта Date:

getHours(), getMinutes(), getSeconds()

– возвращает час суток (0-23), минуты(0-59), секунды(0-59)

2. Создание таймера осуществляется методом setInterval(), который выполняет код через указанный временной интервал. Синтаксис метода:

setInterval(выполняемый код, временной интервал в милисекундах).

По окончании работы, используйте метод clearInterval() для прекращения работы таймера и удаления его из памяти.

3. Пример реализации простейших часов:

<html>

<script>

var tmr;

function timer(){

tmr=setInterval("clock()",1000);

}

function clock(){

var d = new Date();

document.formname.textfield.value = d.getHours()+':'+d.getMinutes()+':'+d.getSeconds();

}

function stop(){

clearInterval(tmr);

}

</script>

<body onload="timer();" onbeforeunload="stop();">

<form name="formname">

<input type="text" name="textfield" style="font-size: 14pt; font-weight: 700; width: 100">

</form>

</body>

</html>

4.  Программирование на Java Script. Использование Cookies.

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

Номера варианта

Статистика

1+3n

Посещения за последнюю неделю по дням

2+3n

Посещения за последний месяц, распределенные по времени суток (посещения в ночное, дневное и вечернее время)

3+3n

Количество посещений за последний месяц в выходные и рабочие дни

Предусмотреть  в скрипте проверку разрешено ли использование Cookies на компьютере клиента (свойство cookieEnabled объекта naigator).

Приложение

1. Установка cookies осуществляется через свойство cookie объекта document:

document.cookie = ''<имя cookie>=<значение cookie>; expires=<время действия cookie>''.

Время действия cookie задается в милисекундах в GMT формате.

2. При создании нескольких cookie (например, cookie1, cookie2,  …) значение document.cookie представляет собой следующую строку:

'' cookie1=<значение cookie1>;  cookie2=<значение cookie2>;  ….''

3. Считывание значения cookie можно осуществлять через свойство length и метод substring( ) объекта String.

4. Для установки времени действия cookie требуется использовать методы объекта Date: getTime() – получение текущего времени (количество миллисекунд с 00:00 1.01.1970); toGMTString() – перевод времени в GMT-формат строкового типа.

5. Пример простейшего счетчика.

<html>

<script>

function f1(){

if(document.cookie){

var c = document.cookie;

var n = c.length;

counter = c.substring(8,n-1);

counter++;

var d = new Date();

d.setTime(d.getTime() + 10000000);

var exp = d.toGMTString();

Скачать файл