Скрипт JavaScript Скрипт JavaScript 1 Время, период, броузер, серфинг и другие данные.
Скрипт JavaScript 2 Календарь
<SCRIPT> <!-- setCal() function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true return false } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 ar[1] = (leapYear(year)) ? 29 : 28 ar[2] = 31 ar[3] = 30 ar[4] = 31 ar[5] = 30 ar[6] = 31 ar[7] = 31 ar[8] = 30 ar[9] = 31 ar[10] = 30 ar[11] = 31 return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "January" ar[1] = "February" ar[2] = "March" ar[3] = "April" ar[4] = "May" ar[5] = "June" ar[6] = "July" ar[7] = "August" ar[8] = "September" ar[9] = "October" ar[10] = "November" ar[11] = "December" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 50 var border = 1 var cellspacing = 4 var headerColor = "gold" var headerSize = "+3" var colWidth = 60 var dayCellHeight = 25 var dayColor = "aqua" var cellHeight = 40 var todayColor = "red" var timeColor = "lightblue" var text = "" text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' text += monthName + ' ' + year text +='</FONT>' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "Sun" weekDay[1] = "Mon" weekDay[2] = "Tues" weekDay[3] = "Wed" weekDay[4] = "Thu" weekDay[5] = "Fri" weekDay[6] = "Sat" text += '<TR VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) text += openCol + weekDay[dayNum] + closeCol text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>' curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } // --> </SCRIPT> Скрипт JavaScript 3 Графические часы
Графические файлы dg0.gif ... dg9.gif содержат изображения цифр от 0 до 9, dgс.gif - двоеточие (:) dgd.gif - точку (.), размер файлов 23 на 28 пикселей.
<html> <head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <script> dig0 = new Image(); dig0.src = "dg0.gif"; dig1 = new Image(); dig1.src = "dg1.gif"; dig2 = new Image(); dig2.src = "dg2.gif"; dig3 = new Image(); dig3.src = "dg3.gif"; dig4 = new Image(); dig4.src = "dg4.gif"; dig5 = new Image(); dig5.src = "dg5.gif"; dig6 = new Image(); dig6.src = "dg6.gif"; dig7 = new Image(); dig7.src = "dg7.gif"; dig8 = new Image(); dig8.src = "dg8.gif"; dig9 = new Image(); dig9.src = "dg9.gif"; </script> <meta content="Microsoft FrontPage 3.0" name="GENERATOR"> <title>Design Gallery</title> </head> <body bgcolor="#FFFFFF"> <div><div><center> <table bgColor="#000000" border="1" cellSpacing="3" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" bordercolor="#000000"> <TBODY> <tr> <td><img name="dg1" width="23" height="28"><img name="dg2" width="23" height="28"><img src="dgc.gif" width="23" height="28"><img name="dg3" width="23" height="28"><img name="dg4" width="23" height="28"><img src="dgp.gif" width="23" height="28"><img name="dg5" width="23" height="28"><img name="dg6" width="23" height="28"></td> </tr> </TBODY> </table> </center></div><script language="JavaScript"> function clockTick() { var text = "" var now = new Date() var secunde = now.getSeconds() var minute = now.getMinutes() var hour = now.getHours() hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute if (secunde < 10) secunde = "0" + secunde now = null minute += "" hour += "" secunde += "" setjpg(hour.charAt(0),document.dg1); setjpg(hour.charAt(1),document.dg2); setjpg(minute.charAt(0),document.dg3); setjpg(minute.charAt(1),document.dg4); setjpg(secunde.charAt(0),document.dg5); setjpg(secunde.charAt(1),document.dg6); setTimeout("clockTick()", 1000); } function setjpg(num,docobj) { if (num=="0") docobj.src=dig0.src if (num=="1") docobj.src=dig1.src if (num=="2") docobj.src=dig2.src if (num=="3") docobj.src=dig3.src if (num=="4") docobj.src=dig4.src if (num=="5") docobj.src=dig5.src if (num=="6") docobj.src=dig6.src if (num=="7") docobj.src=dig7.src if (num=="8") docobj.src=dig8.src if (num=="9") docobj.src=dig9.src } clockTick(); --> </script> </div> </body> </html> Скрипт JavaScript 4 Дата обновления документа
<FONT SIZE="-2">Документ обновлен: <SCRIPT LANGUAGE="JavaScript"><!-- document.writeln(document.lastModified) // --></SCRIPT></FONT></pre> <P>результат: Документ обновлен: <SCRIPT language=JavaScript><!-- document.writeln(document.lastModified) // --></SCRIPT> Скрипт JavaScript 5 Количество посещений страницы
<p><script language="JavaScript"><!-- Begin Script var expDays = 30;var exp = new Date();exp.setTime(exp.getTime() + (expDays*24*60*60*1000));function Who(info){ var VisitorName = GetCookie('VisitorName') if (VisitorName == null) {VisitorName = prompt("рТЕДУФБЧШФЕУШ, РПЦБМХКУФБ:");SetCookie ('VisitorName', VisitorName, exp);} return VisitorName;} function When(info){ var rightNow = new Date() var WWHTime = 0;WWHTime = GetCookie('WWhenH') WWHTime = WWHTime * 1 var lastHereFormatting = new Date(WWHTime); var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate() var lastHereInDateFormat = "" + lastHereFormatting; var dayOfWeek = lastHereInDateFormat.substring(0,3) var dateMonth = lastHereInDateFormat.substring(4,11) var timeOfDay = lastHereInDateFormat.substring(11,16) var year = lastHereInDateFormat.substring(23,25) var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay SetCookie ("WWhenH", rightNow.getTime(), exp) return WWHText;} function Count(info){ var psj=0; var WWHCount = GetCookie('WWHCount') if (WWHCount == null) {WWHCount = 0;} else{ WWHCount++;} SetCookie ('WWHCount', WWHCount, exp);return WWHCount;} function set(){ VisitorName = prompt("Введите свое имя:");SetCookie ('VisitorName', VisitorName, exp);SetCookie ('WWHCount', 0, exp);SetCookie ('WWhenH', 0, exp);} function getCookieVal (offset) {var endstr = document.cookie.indexOf (";", offset);if (endstr == -1) endstr = document.cookie.length;return unescape(document.cookie.substring(offset, endstr));} function GetCookie (name) {var arg = name + "=";var alen = arg.length;var clen = document.cookie.length;var i = 0;while (i< clen) {var j = i + alen;if (document.cookie.substring(i, j) == arg) return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;if (i == 0) break;} return null;} function SetCookie (name, value) {var argv = SetCookie.arguments;var argc = SetCookie.arguments.length;var expires = (argc>2) ? argv[2] : null;var path = (argc >3) ? argv[3] : null;var domain = (argc >4) ? argv[4] : null;var secure = (argc >5) ? argv[5] : false;document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : (";expires=" + expires.toGMTString())) + ((path == null) ? "" : (";path=" + path)) + ((domain == null) ? "" : (";domain=" + domain)) + ((secure == true) ? ";secure" : "");} function DeleteCookie (name) {var exp = new Date();exp.setTime (exp.getTime() - 1); var cval = GetCookie (name);document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();} //--></script><script language="JavaScript"><!-- document.write(" Добро пожаловать <b><i>" + Who() + "</i></b>. вы здесь <b><i>" + Count() + "</i></b> раз(а). Последний раз это было в <b><i>" + When() +"</i></b.") //--></script></p> Скрипт JavaScript 6 Разрешение экрана
<center><b>разрешение экрана: <SCRIPT language=JavaScript><!-- if (self.screen) { width = screen.width; height = screen.height; res=width; res+='x'; res+=height; document.writeln(res); } else { document.writeln('Проблемы с определением разрешения: похоже Ваш броузер пора обновить :)'); } //--></SCRIPT> </b></center> Скрипт JavaScript 7 Падающие картинки (снег, листья, дождь...)
<html> <body> <script LANGUAGE="JavaScript1.2"> <!-- Begin var no = 3; // snow number var speed = 1; // smaller number moves the snow faster var snowflake = "your image.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script> </body> </html> Скрипт JavaScript 8 Количество дней и минут, прошедших с определенной даты
<p><script language="JavaScript"><!-- function cntdown1(){ today = new Date() nextEVENT = new Date("January 1, 2001") msPerDay = 24 * 60 * 60 * 1000 ;daysLeft = (nextEVENT.getTime() - today.getTime()) / msPerDay;daysLeft = Math.round(daysLeft);document.write("<CENTER>С начала 2001 года прошло "+ daysLeft + " дней</CENTER>") ; minutesLeft=(nextEVENT.getTime() - today.getTime()) / 60000; minutesLeft = Math.round(minutesLeft); document.write("<CENTER>Или " + minutesLeft + " минут</CENTER>") ; } //--></script><br> <script>cntdown1()</script></p> Скрипт JavaScript 9 Вывод текущей даты
<SCRIPT language=JavaScript> <!-- now = new Date(); function print_date() { var day = now.getDay(); var dayname; if (day==0)dayname="Воскресенье"; if (day==1)dayname="Понедельник"; if (day==2)dayname="Вторник"; if (day==3)dayname="Среда"; if (day==4)dayname="Четверг"; if (day==5)dayname="Пятница"; if (day==6)dayname="Суббота"; var monthNames = new Array("Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"); var month = now.getMonth(); var monthName = monthNames[month]; var year = now.getYear(); if ( year < 1000 ) year += 1900; var datestring = dayname + ', ' + now.getDate() + ' ' + monthName + ', ' + year; document.write('<NOBR> ' + datestring + '</NOBR>'); } //--> </SCRIPT> <P align=center><B>Сегодня</B></P> <P align=center><FONT size=-1> <SCRIPT language=JavaScript> <!-- print_date(); //--> </SCRIPT>