Таймер

  • Автор Автор Hous
  • Начална дата Начална дата

Hous

Registered
Трябва ми един малко по-специфичен таймер.Идеята е да брои 50 секунди издава звук и да се появи втори таймер които да отброи 10 секунди (като първия стопира или се нулира)след това пак отначало , брои 50 пуска 2рия за 10 първия се стопира и издава звук.

Не знам дали може да се напише на javascript или ajax или каквото ви е лесно,ще съм благодарен стига да е нещо което извършва тези функций.
Thanks.
 
е какво му е сложното? Правиш една функция която след 50 секунди да вика др функция. Другата функция след 10 секунди вика първата, само звука не знам как ще стане :)
 
function function1(){
//взимаш си някой елеметн ит го правиш да ти сменя цифрите

setTimeout( function2(), 50000);

}

function function2(){

setTimeout(function1(), 10000);

}

Нещо такова :)
 
звука също става супер елементалрно, ако използваш html5 просто прочети в нета, правиш нов обект

[js]var spam = new Audio();[/js]

и си му задаваш параметри
 
Знам,че не обичате на готово да давате ама разберете ме ако можех да си го направя (дори бегло) бих постнал код и да помогнете с редактирането.
:lol:
 
HTML:
<!DOCTYPE html>
<html lang="bg">
<head>
	<meta charset="utf-8">
	<title>Таймер</title>
	<style>
		#frst{
		 color:#000;
		}
		#second{
		 color:#ff0000;
		}
	</style>
</head>
<body>
	
	<span id="first">1</span>
	<br/>
	<span style="display:none;" id="second">1</span>
	
	
	
<script>
var a = document.getElementById('first'),
	b = document.getElementById('second'),
	t1 = setInterval(timer1,1000),
	t2 = setInterval(timer2,1000);
clearInterval(t2);

function timer1(){
	if( a.innerHTML < 50){

		a.innerHTML = parseInt( a.innerHTML) + 1;
	}else{
		clearInterval(t1);
		t2 = setInterval(timer2,1000);
		a.innerHTML = 1;
		b.style.display = "block";
		a.style.display = "none";
	}
}

function timer2(){
	if( b.innerHTML < 10){
		b.innerHTML = parseInt( b.innerHTML) + 1;
	}else{
		clearInterval(t2);
		t1 = setInterval(timer1,1000);
		b.innerHTML = 1;
		b.style.display = "none";
		a.style.display = "block";
	}
}

</script>	
	
</body>
</html>

Без звук е ;)
 

Back
Горе