таймер онлайнПростой скрипт который позволяет вести отсчет времени с возможностью постановки на паузу и обнулением его довольно просто устанавливать на сайты системы ucoz . В наличии две версии: русская и английская.
Русская версия скрипт:
<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> |
Инструкция по установке: Это довольно простой скрипт, и трудностей у вас возникнуть не должно. Есть два способа его установки и оба мы с вами рассмотрим в этой статье.
Способ первый: Копируем скрипт в блокнот, заходим на сайт с правами администратора, и далее, на ваше усмотрение, либо же создаем новую страницу, либо добавляем статью в каталог статей. Заходим в ВИЗУАЛЬНЫЙ РЕДАКТОР , и переходим на HTML. Из блокнота копируем скрипт таймера при этом не забываем его сохранить. Все, ТАЙМЕР ОНЛАЙН готов к работе. Как видите все довольно просто и понятно, далее наслаждаемся результатом своих трудов.
Способ второй: Заходим в ПАНЕЛЬ УПРАВЛЕНИЯ, далее переходим меню ДИЗАЙН кликаем на пункт меню УПРАВЛЕНИЕ ДИЗАЙНОМ (ШАБЛОНЫ), В открвышемся окне выбрать пункт ГЛОБАЛЬНЫЕ БЛОКИ ------> ДОБАВИТЬ БЛОК. Придумываем ему название, например, SECUNDOMER. Все, черновая работа сделана, далее обрабатываем все напильником. :) Открываем наш блок SECUNDOMER, он у вас еще пустой, вставляем скрипт таймера из блокнота, при этом, как всегда, не забываем его сохранить. Теперь вы можете вставить этот блок в любом месте на страницах вашего сайта. Вот и все, хотя нет, чуть не забыл
Английская версия скрипт:
<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=" reset " 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="Start timer (stopwatch) / Pause / Resume" onclick="findTIME()" style="font-size:13px; color: #000000; width: 360px"> </form> |
Работающий скрипт секундомера онлайн
Вот теперь точно все. |