Мобильная версия

Электронная библиотека

  • Современные работы
  • Бесплатно скачать книги
  • Бесплатно скачать книги
  • Высшая алгебра, геометрия
  • Математический анализ, ТФ
  • Дифференциальные уравнения
  • Численные методы алгоритмы
  • Математическая физика
  • Теория чисел и множеств
  • Специальные темы, книги
  • Общая высшая физика
  • Другие популярные издания
  • Программисту веб-дизайнеру

  • Документация - HTML, XML
  • Статьи пресс-релизы обзоры
  • Веб-дизайнеру - JavaScript
  • Другие материалы

  • Авторское право - помощь
  • Полиграфия, печать цвет
  • Библиография, статьи
  • Библиотека: скачать готовые скрипты Javascript
    Таймер с секундомером на веб-странице для оценки затраченного времени

    Очень удобный написанный на Javascript таймер с запуском пользователем и секундомер. Считает часы, минуты, секунды и миллисекунды после запуска. Удобен для анкетирования и обучения. Не глючит, если не трогать компьютерные часы (в отличие от некоторых таймеров и секундомеров), код лучше не редактировать, можно менять только надписи на кнопках. Был написан для программы изучения билетов ПДД.

    Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в html-код своей веб-страницы в нужное Вам место.

       

    <script language="javascript">
    var base = 60;
    var clocktimer,dateObj,dh,dm,ds,ms;
    var readout='';
    var h=1;
    var m=1;
    var tm=1;
    var s=0;
    var ts=0;
    var ms=0;
    var show=true;
    var init=0;
    var ii=0;

    function clearALL() {
    clearTimeout(clocktimer);
    h=1;m=1;tm=1;s=0;ts=0;ms=0;
    init=0;show=true;
    readout='00:00:00.00';
    document.clockform.clock.value=readout;
    var CF = document.clockform;
    ii = 0; }

    function startTIME() {
    var cdateObj = new Date();
    var t = (cdateObj.getTime() - dateObj.getTime())-(s*1000);

    if (t>999) { s++; }

    if (s>=(m*base)) { ts=0;
    m++; } else {
    ts=parseInt((ms/100)+s);
    if(ts>=base) { ts=ts-((m-1)*base); } }

    if (m>(h*base)) { tm=1;
    h++; } else {
    tm=parseInt((ms/100)+m);
    if(tm>=base) { tm=tm-((h-1)*base); } }

    ms = Math.round(t/10);
    if (ms>99) {ms=0;}
    if (ms==0) {ms='00';}
    if (ms>0&&ms<=9) { ms = '0'+ms; }

    if (ts>0) { ds = ts; if (ts<10) { ds = '0'+ts; }} else { ds = '00'; }
    dm=tm-1;
    if (dm>0) { if (dm<10) { dm = '0'+dm; }} else { dm = '00'; }
    dh=h-1;
    if (dh>0) { if (dh<10) { dh = '0'+dh; }} else { dh = '00'; }

    readout = dh + ':' + dm + ':' + ds + '.' + ms;
    if (show==true) { document.clockform.clock.value = readout; }

    clocktimer = setTimeout("startTIME()",1); }
    function findTIME() {
    if (init==0) { dateObj = new Date();
    startTIME();
    init=1;
    } else { if(show==true) {
    show=false;
    } else { show=true; } } }
    </script>

    <form name=clockform>   <input name=clearer type=button value=" Обнулить "
    onclick="clearALL()" style="font-size:15px; color: #000000; width: 85px"> 
    <input name=clock size=10 value="00:00:00.00" onclick="findTIME()" style="font-size:13px; color:
    #000000; width: 80px; height: 24px; border:1px solid #000000"> 
    <input name=starter type=button value="Старт таймера (секундомер) / Пауза / Продолжить"
    onclick="findTIME()" style="font-size:13px; color: #000000; width: 360px">
    </form>

    c 15/06/2015 страница посещена
    Counter.CO.KZ

    Мобильная версия

    Сайт для компьютера
    http://www.mat.net.ua