Таймер ожидания скачивания для uCoz
Не так давно люди перестали пользоваться файловыми обменниками такими Deposit, Lettitbit и прочими сайтами для обмена данных, которые ограничивали скорость скачки с интернета. Теперь же все используют uTorrent, так как он выжимает всю скорость интернета для скачки и не ограничивает вас в скорости.
Но больше всего мое внимание привлекал таймер на сайте Deposit. И вот когда то меня посетила идея сделать себе такой же таймер и на сайте uCoz. Вот нашел в интернете и решил выложить его вам. Автор не я и кто не знаю. Так что если объявитесь то пишите в поддержку и мы решим этот вопрос.
Установка
Для начала мы установим в удобное для нас место этот JavaScript:
Далее установим следующий код самого таймера там где хотим его видеть на сайте.
И наконец что бы придать ему такой вид как на файловом обменнике вставим следующий CSS код:
Но больше всего мое внимание привлекал таймер на сайте Deposit. И вот когда то меня посетила идея сделать себе такой же таймер и на сайте uCoz. Вот нашел в интернете и решил выложить его вам. Автор не я и кто не знаю. Так что если объявитесь то пишите в поддержку и мы решим этот вопрос.
Установка
Для начала мы установим в удобное для нас место этот JavaScript:
Код
<script type="text/javascript">
timer_num = 60; // Число задержки в секундах
function timer_fc(){
if(timer_num>0){
$('#timer_num').text(timer_num);
timer_num--;
setTimeout("timer_fc()", 1000)
}else{
$('#timer_1').hide(); $('#timer_2').show();
}}
timer_fc();
</script>
timer_num = 60; // Число задержки в секундах
function timer_fc(){
if(timer_num>0){
$('#timer_num').text(timer_num);
timer_num--;
setTimeout("timer_fc()", 1000)
}else{
$('#timer_1').hide(); $('#timer_2').show();
}}
timer_fc();
</script>
Далее установим следующий код самого таймера там где хотим его видеть на сайте.
Код
<table id="timer_1" border="0" cellpadding="2" cellspacing="2"><tbody><tr>
<td>Ожидайте:</td>
<td id="timer_num"></td>
<td>сек.</td>
</tr></tbody></table>
<div style="display:none" id="timer_2">
Здесь вставляете ссылку на свой файл.
</div>
<td>Ожидайте:</td>
<td id="timer_num"></td>
<td>сек.</td>
</tr></tbody></table>
<div style="display:none" id="timer_2">
Здесь вставляете ссылку на свой файл.
</div>
И наконец что бы придать ему такой вид как на файловом обменнике вставим следующий CSS код:
Код
#timer_num {
width:70px;
height:70px;
background: url('/timer.gif') no-repeat;
text-align:center;
font-size:36px;
color:#666
}
width:70px;
height:70px;
background: url('/timer.gif') no-repeat;
text-align:center;
font-size:36px;
color:#666
}
-D-I-N-I-S-
14.04.17 в 15:08
1.2k
0
Источник