Форум Сайтостроение Веб-строительство

Как реализовать "Кнопку" на сайт с посекундным обратным отсчетом до её появления?

disss
На сайте с 25.02.2009
Offline
147
disss
4798

Здравствуйте, подскажите пожалуйста как поставить себе аналогичную кнопку, см пример ниже:

т.е. например с внутренней страницы сайта есть кнопка, "Скачать с торрента", нажимая на неё перекидывает на следующую страницу на которой начинается обратный отсчет времени - 40 сек, потом появляется сама кнопка "Скачать".

Заранее спасибо!

png 130350.png
"To be or not to be..."
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1 


<div id="timerbut">Подождите: <span id="secout"></span> сек.</div>



<script type="text/javascript">

	var targettime = 40;

	document.all.secout.innerHTML = targettime;

	var timer = setInterval("startTimer()",1000);

	function startTimer() {

		if(targettime !== 1) {

			targettime--;

			document.all.secout.innerHTML = targettime;

		} else {

			clearInterval(timer);

			document.all.timerbut.innerHTML = '<a href=http://site.ru?go=download>скачать</a>';

	}}

</script>
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
G
На сайте с 16.02.2011
Offline
42
glukon
#2 


<!DOCTYPE html>
<html lang="ru">
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title></title>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

</head>
<body>
<script>


	$(function(){
		function datetime(sec){
			if( sec >= 1 ){
				sec = sec - 1;
				$('.timer').text('Осталось '+sec);

				setTimeout(function() {
					datetime(sec)
				}, 1000);

			}else{
				// Запрос на сервер, чтобы получить сгенерированную кнопку

				$.post(
					'http://test.ru/test.php',
					{
						'key': '1234567890' // уникальный ключ. генерируется для конкретной сессии, чтобы на сервере можно было проверить, что 30сек прошло
					},
					function(request){

						if(request.error==false){// если нет ошибок

							$('.timer').html(request.button);// показываем переданную в JSON'e ссылку/кнопку

						}else{

							$('.timer').html('Не удалось получить кнопку / либо с таймером мухлевали');

						}
					},
					"json"
				);

			}
		}

		var t = 30; // Тут задаём таймер
		datetime(t);
		
	});

</script>

<span class="timer"></span>
</body>
</html>
disss
На сайте с 25.02.2009
Offline
147
disss
#3

спс хлопцы

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий