Создание таймера на страницах PHP и pagination

257
22 ноября 2018, 11:50

Задача в том, чтобы на всех страницах-слайдах разместить таймер времени и начиная с первой страницы включить этот таймер.

Нужно переключение на следующую страницу по кнопке, тем временем счётчик таймера продолжит идти.

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

<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 mPLUS=new Array( 
	'm0', 
	'm1', 
	'm2', 
	'm3', 
	'm4', 
	'm5', 
	'm6', 
	'm7', 
	'm8', 
	'm9' 
	); 
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; 
	for (ij=0;ij<=9;ij++) { CF[mPLUS[ij]].value = ''; } 
	ii = 0; 
	} 
 
function addMEM() { 
if (init>0) { 
		var CF = document.clockform; 
		CF[mPLUS[ii]].value = readout; 
		if (ii==9) { ii = 0; } else { ii++; } 
		} 
	} 
 
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> 
<table cellpadding=2 cellspacing=0 border=0> 
 <tr> 
   <td><input name=clearer type=button value=" reset " onclick="clearALL()"></td> 
   <td><input name=clock size=12 value="00:00:00.00"></td> 
 </tr> 
 <tr> 
<td><input name=marker type=button value="  m +  " onclick="addMEM()"></td> 
<td><input name=starter type=button value="start / pause" onclick="findTIME()"></td> 
</tr> 
<tr><td colspan=2><b>m 0</b>  <input name=m0 size=12></td></tr> 
<tr><td colspan=2><b>m 1</b>  <input name=m1 size=12></td></tr> 
<tr><td colspan=2><b>m 2</b>  <input name=m2 size=12></td></tr> 
<tr><td colspan=2><b>m 3</b>  <input name=m3 size=12></td></tr> 
<tr><td colspan=2><b>m 4</b>  <input name=m4 size=12></td></tr> 
<tr><td colspan=2><b>m 5</b>  <input name=m5 size=12></td></tr> 
<tr><td colspan=2><b>m 6</b>  <input name=m6 size=12></td></tr> 
<tr><td colspan=2><b>m 7</b>  <input name=m7 size=12></td></tr> 
<tr><td colspan=2><b>m 8</b>  <input name=m8 size=12></td></tr> 
<tr><td colspan=2><b>m 9</b>  <input name=m9 size=12></td></tr> 
</form> 
</table>

READ ALSO
Расспаристь &ldquo;тег&rdquo; игнорируя похожие

Расспаристь “тег” игнорируя похожие

В теле документа есть специальные теги в виде {name}, все бы хорошо, но есть конфликт, когда есть похожий тег {{name}}, где вместо одной фигурной скобки...

165
Cmake линковка на библиотеку подпроекта

Cmake линковка на библиотеку подпроекта

Имеется примерно следующий проект на Cmake:

147
Как получить данные из камеры?

Как получить данные из камеры?

Вообще хотел бы получить данные из камеры, преобразовать это в flv формат, и вывести по rtmp, но наверное это только мечтаПробывал ffmpeg программу...

126