Source [JavaScript] Скрипты

Тема в разделе "Java программирование", создана пользователем KEFIR.1337, 12 авг 2016.

  1. KEFIR.1337

    KEFIR.1337 Мемолог Проверенный

    Регистрация:
    28 июн 2016
    Сообщения:
    141
    Симпатии:
    53
    Баллы:
    73
    Календарь
    Скрин:
    [​IMG]
    Описание:
    Достаточно простой календарь на JavaScript, однако, сама реализация календаря не является достаточно простой, поэтому код получился достаточно большим. А вообще, вещь достаточно полезная на сайте, поэтому копировать код и размещать его на своём сайте.
    Код:
    Код:
    [Java]вставлять между тегами <head> и </head>:
    <script language = "javascript">
    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
    this[0] = m0;
    this[1] = m1;
    this[2] = m2;
    this[3] = m3;
    this[4] = m4;
    this[5] = m5;
    this[6] = m6;
    this[7] = m7;
    this[8] = m8;
    this[9] = m9;
    this[10] = m10;
    this[11] = m11;
    }
    function calendar() {
    var monthNames = " ЯнвФевMaрАпрMaйИюнИюлАвгСенОктНояДек";
    var today = new Date();
    var thisDay;
    var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);
    year = today.getYear();
    if (year < 2000)
    year = year + 1900;
    thisDay = today.getDate();
    if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
    monthDays[1] = 29;
    nDays = monthDays[today.getMonth()];
    firstDay = today;
    firstDay.setDate(1);
    testMe = firstDay.getDate();
    if (testMe == 2)
    firstDay.setDate(0);
    startDay = firstDay.getDay();
    document.writeln("<div align = 'center'>");
    document.write("<table border = '1'>");
    document.write("<tr><th colspan='7'>");
    document.write(monthNames.substring(today.getMonth() * 3 + 3, (today.getMonth() + 1) * 3 + 3));
    document.write(". ");
    document.write(year);
    document.write("<tr><th>Вск <th>Пон <th>Вт <th>Ср <th>Чт <th>Пт <th>Сб" );
    document.write("<tr>");
    column = 0;
    for (i = 0; i < startDay; i++) {
    document.write("<td width='30'>");
    column++;
    }
    for (i = 1; i <= nDays; i++) {
    document.write("<td width=30>");
    if (i == thisDay)
    document.write("<span style = 'color: red;'>")
    document.write(i);
    if (i == thisDay)
    document.write("</span>")
    column++;
    if (column == 7) {
    document.write("<tr>");
    column = 0;
    }
    }
    document.write("</table>");
    document.writeln("</div>");
    }
    </script>
    
    [HTML]вставлять между тегами <body> и </body>
    <script language = 'javascript'>
    calendar();
    </script>


    Цифровые часы
    Скрин:
    [​IMG]
    Описание:
    Одним из самых простых и в то же время часто-используемых скриптов, является скрипт цифровых часов на JavaScript. Я думаю, что Вы часто на сайтах видели подобные часы, поэтому решил показать, как они делаются. Результат работы цифровых часов на JavaScript представлен ниже.
    Код:
    Код:
    [Java]вставлять между тегами <head> и </head>
    <script type="text/javascript">
                         function digitalWatch() {
                           var date = new Date();
                           var hours = date.getHours();
                           var minutes = date.getMinutes();
                           var seconds = date.getSeconds();
                           if (hours < 10) hours = "0" + hours;
                           if (minutes < 10) minutes = "0" + minutes;
                           if (seconds < 10) seconds = "0" + seconds;
                           document.getElementById("digital_watch").innerHTML = hours + ":" + minutes + ":" + seconds;
                           setTimeout("digitalWatch()", 1000);
                         }
    </script>
    
    [HTML]вставлять между тегами <body onload="digitalWatch()"> и </body>
    <p id="digital_watch" style="color: #f00; font-size: 120%; font-weight: bold;"></p>

    Время провождение на сайте
    Скрин:
    [​IMG]
    Описание:
    Очень простой скрипт, но весьма интересный. Я, думаю, что мало, на каких сайтах показывается время, которое пользователь провёл на странице сайта.
    Код:
    Код:
    вставлять между тегами <head> и </head>
    <script language="javascript">
    startdate = new Date();
    clockStart = startdate.getTime();
    function initStopwatch() {
                 var thisTime = new Date();           
                 return (thisTime.getTime() - clockStart)/1000;           
    }
    function getSecs() {
                 var tSecs = Math.round(initStopwatch());
                 var iSecs = tSecs % 60;
                 var iMins = Math.round((tSecs-30)/60);
                 var sSecs ="" + ((iSecs > 9) ? iSecs : "0" + iSecs);
                 var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins);
                 document.getElementById("timer-counter").innerHTML = sMins+":"+sSecs;
                 setTimeout('getSecs()', 1000);           
    }
    </script>
    [HTML]вставлять между тегами <body onLoad="getSecs()"> и </body>
    Вы здесь уже:
                <span id='timer-counter' style='color:red;font-size:150%;font-weight:bold;'></span>
                минут/секунд.
     
  2. Krasnowekp

    Krasnowekp Новорег Пользователь

    Регистрация:
    4 авг 2019
    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Подскажите литературу для написания несложных JavaScript

    У меня вот такой трабл:
    Собрался я для родственника сайт написать, а чтоб меню нормальное делать, знаний маловато. Смотрел разные DHTML меню билдеры, но они пишут много лишнего кода. На Div CSS не охота, т.к. CSS порой каряво себя ведет. Вот и обращаюсь к Вам, чтобы подсказали литературу, в которой сказано:
    Основные правила, операторы JavaScript
    Пару разжеванных примеров скрипта
    Как задавать фон и цвет текста при наведении/нажатии
    Как менять картинки при наведении/нажатии
    Как скрывать/показывать текст или часть кода при определенных условиях чтобы достигать эффекта как при Sothink Tree Menu, древовидное меню то есть делать
    Как делать задержку в открытии и закрытии меню

    Так же, если Вы не знаете такую литературу, но знаете сайты, на которых есть нужные мне элементы скриптов, то выражу признание, если разместите их скрипты здесь. придется учиться через анализ кода

    Спасибо.