[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » RedStar [52]
Результаты поиска
[46 | Тема: Автоматическое открытие страницы по таймеру] RedStar [05.03.2015, 11:26]
Цитата likbezz, Чт, 05.03.2015, 07:22:26
window указывать необязательно

Без window скрипт не хотел работать. Вставил window скрипт заработал.

Код

<div id="timer_id">10</div>    
<script type="text/javascript">    
function timer(){    
var obj=document.getElementById('timer_id');    
if(obj.innerHTML==0){    
      alert('Готово!');    
}else{    
      setTimeout(function(){obj.innerHTML--;timer();},1000);    
};    
};timer();    
</script>

Этот скрипт выводит отсчет в секундах например 10.
А мне нужно такой вид ММ:СС на пример 30:00

Добавлено (05.03.2015, 11:15)
---------------------------------------------
Вот нашел красивый скрипт таймера отсчета:
Код

<script src="http://e-timer.ru/js/etimer.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
     jQuery(".eTimer").eTimer({
      etType: 1, etDate: "06.03.2015.0.0", etTitleText: "До окончания теста осталось:", etTitleSize: 19, etShowSign: 1, etSep: ":", etFontFamily: "Trebuchet MS", etTextColor: "#a3a3a3", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#11abb0", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)"
     });
    });
</script>
<div class="eTimer"></div>

Но как в него воткнуть отсчет 30 минут?
Что бы он имел вид 00 дней, 00 часов, 30 минут, 00 секунд.
Т.е. вел отсчет 30 минут от начала открытия текущей страницы (или отсчет запуска таймера установленного на 30 минут).

Добавлено (05.03.2015, 11:26)
---------------------------------------------
Я так понимаю что при открытии страницы надо получить текущую дату и время прописать в переменную etDate и к этой переменной прибавить 30 минут,
тем самым получить конечную дату окончания работы данного скрипта.
Как это реализовать на практике?

Сообщение отредактировал RedStar - Четверг, 05.03.2015, 11:29
[47 | Тема: Автоматическое открытие страницы по таймеру] RedStar [05.03.2015, 15:12]
Цитата likbezz, Чт, 05.03.2015, 13:19:56
ps
Ради таймера подлючать тяжеленный плагин - верх расточительства .. со стороны разработчика, естественно..


Полностью согласен с Вами.
Сейчас пытаюсь переписать скрипт, потом выложу на Ваше обсуждение. Может подправите мои мелкие ошибки.
Я ведь не супер профи в написании скриптов, пишу скрипты как умею.
[48 | Тема: Автоматическое открытие страницы по таймеру] RedStar [05.03.2015, 16:07]
Вот, что получилось:

В CSS:
Код

/* ----------------- */
.po {
   margin:18px 10px 10px 76px;
          float:left;
   color:#ffffff;
   font-size:3em;
   font-weight:bold;
}

.pb
{
          border:1px solid white;
   -moz-border-radius:10px;
   height:65px;
   width:340px;
   background:url(http://instudio.at.ua/img/clock.jpg) left top no-repeat;
}
/* ----------------- */


В HTML:
Код

<script type="text/javascript">    
         
function openNewTab(){    
window.open('http://www.ya.ru', '_self');
alert('Время отведенное на тест вышло!');    
       }
     
function start_timer() {    
var block = document.getElementById('sample_timer');    
simple_timer(0, block, true); }
      
function start_countdown() {    
var block = document.getElementById('sample_countdown');    
simple_timer(120, block); }    // Поставил для пробы 2 минуты    
function simple_timer(sec, block, direction) {    
var time = sec; direction = direction || false;    
var hour = parseInt(time / 3600);    
   if ( hour < 1 ) hour = 0; time = parseInt(time - hour * 3600); if ( hour < 10 ) hour = '0'+hour;    
var minutes = parseInt(time / 60);    
   if ( minutes < 1 ) minutes = 0; time = parseInt(time - minutes * 60);    
   if ( minutes < 10 ) minutes = '0'+minutes; var seconds = time;    
   if ( seconds < 10 ) seconds = '0'+seconds; block.innerHTML = hour+':'+minutes+':'+seconds; if ( direction ) { sec++; setTimeout(function(){ simple_timer(sec, block, direction); }, 1000); } else { sec--; if ( sec >= 0 ) { setTimeout(function(){ simple_timer(sec, block, direction); }, 1000); } else { openNewTab(); } } }    

</script>     

<div align="center">                      
<div class="timer_sample">
<div class="pb">
<div id="sample_countdown" class="po"></div>
<script>
start_countdown();
</script>   
</div>
</div>
</div>


Может будут, какие советы?
Ну и может быть кому-то из пользователей Вашего сайта этот скрипт таймера пригодится.
Прикрепления: 4220117.jpg (17.0 Kb)


Сообщение отредактировал RedStar - Четверг, 05.03.2015, 16:13
[49 | Тема: Неправильное отображение сайта на мобильных телефонах] RedStar [25.12.2015, 13:34]
Суть проблемы, создал сайт:
http://wafa.com.ua
Сайт некорректно отображается на мобильных телефонах.
На мобильных телефонах сайт отображается таким образом: шапка сайта, потом слайдер, потом контент и под контентом правая колонка. Т.е сайт выглядит не как двух-колоночный, а как одно-колоночный.
Масштабирование на телефоне не спасает.
Почему-то масштабируется только контент и шапка, а вот правая колонка не масштабируется и располагается под контентом, а не справа от контента.
Между <head> и </head> у меня стоит код: <meta name="viewport" content="width=device-width, initial-scale=1.0" />

Помогите решить проблему.
[50 | Тема: Неправильное отображение сайта на мобильных телефонах] RedStar [25.12.2015, 15:43]
Цитата likbezz, Пт, 25.12.2015, 14:23:55
То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?


Совершенно верно.
Поконкретнее можно ответить, что конкретно надо исправить.
Вот мой код в CSS:
[51 | Тема: Неправильное отображение сайта на мобильных телефонах] RedStar [25.12.2015, 17:58]
Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.
От 1200px до 480px. В коде приведенном мной это прописано.
За основу брался Дизайн # 1321

Сообщение отредактировал RedStar - Пятница, 25.12.2015, 18:02
[52 | Тема: Как переделать видеоплеер ВК под универсальный?] RedStar [09.04.2016, 18:00]
Есть вот такой код видеоплейера с выпадающим плейлистом.

Код
<div align="center">
<center><noindex>
<div style="width:580px; background:#000; color:#fff;">Переключаем серии в выпадающем меню под плеером!</div>
</noindex>

<div class="vk_multifilm" style="width:580; height:400;">
<iframe frameborder="0" height="400" width="580" id="film_main" name="film_main" src="http://vk.com/video_ext.php?oid=261256073&id=171364348&hash=2091df987ed89ea3"></iframe>

<center>
<select onchange="javascript:if(document.getElementById('film_main')) document.getElementById('film_main').src=this.value;" size="1">
<option selected="selected" value="http://vk.com/video_ext.php?oid=261256073&id=171364348&hash=2091df987ed89ea3">Сверхъестественное - 1 сезон 1 серия</option>
<option value="http://vk.com/video_ext.php?oid=261256073&id=171364351&hash=1f4015c5b3152e5c">Сверхъестественное - 1 сезон 2 серия</option>
<option value="http://vk.com/video_ext.php?oid=261256073&id=456239552&hash=642ad6f65ab64327&hd=2">Сверхъестественное - 1 сезон 3 серия</option>
<option value="http://www.youtube.com/embed/t045nUPGnJk">Сверхъестественное - 1 сезон 4 серия</option>
<option value="http://rutube.ru/play/embed/7114014">Сверхъестественное - 1 сезон 5 серия</option>
<option value="http://myvi.ru/player/embed/html/obG2MLyUJLsoWWn-5p9SK5JqgESFde1Uqb8DdmhLDgoI_KsNypzowjPM5doJNONQh0">Сверхъестественное - 1 сезон 6 серия</option> </select></center>
</div>
</center>
</div>


Как переделать этот плеер под плейер Uppod?
И как к этому видеоплейеру под Uppod сделать Генератор плей-листа?
Что-то типа "Генератор MP3-рлей-листа для Uppod" http://likbezz.ucoz.ru/faq/#10

Сообщение отредактировал RedStar - Суббота, 09.04.2016, 18:49
Полная версия сайта