Итак, здесь объединены пример 1, пример 2, пример 3. No comment.
Вот текст примера 4:
<html> <head> <TITLE>ПРИМЕР 4: Случайно выбранные картинки, бегущие строки + часы </TITLE> </head> <BODY> <!--BEGIN OF ОПИСАНИЕ ФУНКЦИИ ЭЛЕКТРОННЫХ ЧАСОВ--> <script language="JavaScript"> <!-- function vrema() { var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); var seconds = now.getSeconds(); switch (hour) { case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9: hour1='0'+hour; break; default: hour1=hour; } switch (minute) { case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9: minute1='0'+minute; break; default: minute1=minute; } switch (seconds) { case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9: seconds1='0'+seconds; break; default: seconds1=seconds; } document.frm.clock.value=hour1+':'+minute1+':'+seconds1; timerID = setTimeout("vrema()", 1000); } // --> <!--END OF ОПИСАНИЕ ФУНКЦИИ ЭЛЕКТРОННЫХ ЧАСОВ--> <!-- var timerID = null; var timerRunning = false; var id,pause=0,position=0; <!--BEGIN OF ФУНКЦИЯ БЕГУЩАЯ СТРОКА--> <!--BEGIN OF ОПИСАНИЕ ФУНКЦИИ СЛУЧАЙНО ВЗЯТОЙ БЕГУЩЕЙ СТРОКИ и случайной картинки--> function goRands() { var nums = 9; //количество бегущих строк и картинок mymsgs = new Array(); mymsgs[0] = " Добрый день! Хочу ВИСКАС! "; mymsgs[1] = " Привет! Консервы МИЛЫЙ КОТИК - это чудо! "; mymsgs[2] = " Ваша киска купила бы сосиску! "; mymsgs[3] = " Ките Кэт - мое любимое блюдо! "; mymsgs[4] = " Хочу чего-нибудь вкусненького! "; mymsgs[5] = " Очень есть хочется! "; mymsgs[6] = " Больше не играю! "; mymsgs[7] = " Мыши - это что-то! "; mymsgs[8] = " Что Вам здесь нужно? "; myalts = new Array(); myalts[0] = " Котик "; myalts[1] = " Киса "; myalts[2] = " Муси-Пуси "; myalts[3] = " Кыся "; myalts[4] = " Кошка "; myalts[5] = " Хитрюга "; myalts[6] = " Киска "; myalts[7] = " Злодеище "; myalts[8] = " Кошак "; myImages = new Array(); myImages[0] = "cat1.gif"; myImages[1] = "cat2.gif"; myImages[2] = "cat3.gif"; myImages[3] = "cat4.gif"; myImages[4] = "cat5.gif"; myImages[5] = "cat6.gif"; myImages[6] = "cat7.gif"; myImages[7] = "cat8.gif"; myImages[8] = "cat9.gif"; rands = Math.floor(Math.random() * nums); current_str = mymsgs[rands]; current_alt = myalts[rands]; current_image = myImages [rands]; } <!--END OF ОПИСАНИЕ ФУНКЦИИ СЛУЧАЙНО ВЗЯТОЙ БЕГУЩЕЙ СТРОКИ и случайной картинки--> &l;!-- id=setTimeout("ticker()",2000/10); }--> function ticker(){ var i, k; var msg = current_str; k=(75/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.form2.ticker.value=msg.substring(position,position+100); if(position++==65) position=0; id=setTimeout("ticker()",2000/10); } function action(){ if(!pause){ clearTimeout(id); pause=1; } else{ ticker(); pause=0; } } // --> >/SCRIPT> <!--END OF ФУНКЦИИ ДЛЯ БЕГУЩЕЙ СТРОКИ--> <!--НАЧАЛАСЬ БЕГУЩАЯ СТРОКА--> <script> goRands(); </script> <body onload=ticker() ;"> <!--<p align="center"><font size="5"><em><b>В</b></em></font>ы видите бегущую строку.</p>--> <!--<p align="center">--> <FORM name=form2> <div align="left"> <INPUT name=ticker size=42> </div> </FORM> </body> <!--ЗАКОНЧИЛАСЬ БЕГУЩАЯ СТРОКА--> <script> document.write("<img src=\""+current_image+"\" + alt=\""+current_alt+"\">"); <!--document.write("<img src=\""+current_image+"\">");--> </script> <!--Сделаем поле для отображения времени, размещённое в форме--> <TABLE border="0" width="100%" height="5%"> <TR valign ="top" heiht="5%"> <TD align="left" width=50%> <form name=frm> <input type=text size=8 name=clock> </form> <!--Создадим скрипт, вызывающий показ времени--> <script language="JavaScript">vrema();</script> <!--Функция getHours() получает часы, getMinutes() минуты, а getSeconds() - секунды. Строка "document.frm.clock.value=hour+':' +minute+':' +seconds ;" прописывает в поле clock время. А строка "timerID = setTimeout("vrema()", 1000); " устанавливает через сколько миллисекунд выходит время верности этой функции, и её снова пора обновлять (1000 миллисекунд= 1сек).--> </body> </html>