Приветствую Вас Гость | RSS

РАБОТА И УЧЕБА

Среда, 27.09.2017, 00:49
Главная » Статьи » создание своего сайта » уроки HTML

таймер онлайн

таймер онлайн

Простой скрипт который позволяет вести отсчет времени с возможностью постановки на паузу и обнулением его довольно просто устанавливать на сайты системы 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>

Работающий скрипт секундомера онлайн

Вот теперь точно все.
Категория: уроки HTML | Добавил: elektra28s (29.01.2013)
Просмотров: 1820
| Теги: таймер онлайн | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]