• Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » RedStar [52]
Результаты поиска
Дата: Четверг, 05.03.2015, 11:26 | Сообщение #46 | Тема: Автоматическое открытие страницы по таймеру
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Цитата 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
 
Дата: Четверг, 05.03.2015, 15:12 | Сообщение #47 | Тема: Автоматическое открытие страницы по таймеру
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Цитата likbezz, Чт, 05.03.2015, 13:19:56
ps
Ради таймера подлючать тяжеленный плагин - верх расточительства .. со стороны разработчика, естественно..


Полностью согласен с Вами.
Сейчас пытаюсь переписать скрипт, потом выложу на Ваше обсуждение. Может подправите мои мелкие ошибки.
Я ведь не супер профи в написании скриптов, пишу скрипты как умею.


 
Дата: Четверг, 05.03.2015, 16:07 | Сообщение #48 | Тема: Автоматическое открытие страницы по таймеру
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Вот, что получилось:

В 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
 
Дата: Пятница, 25.12.2015, 13:34 | Сообщение #49 | Тема: Неправильное отображение сайта на мобильных телефонах
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


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

Помогите решить проблему.


 
Дата: Пятница, 25.12.2015, 15:43 | Сообщение #50 | Тема: Неправильное отображение сайта на мобильных телефонах
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Цитата likbezz, Пт, 25.12.2015, 14:23:55
То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?


Совершенно верно.
Поконкретнее можно ответить, что конкретно надо исправить.
Вот мой код в CSS:


 
Дата: Пятница, 25.12.2015, 17:58 | Сообщение #51 | Тема: Неправильное отображение сайта на мобильных телефонах
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.
От 1200px до 480px. В коде приведенном мной это прописано.
За основу брался Дизайн # 1321


Сообщение отредактировал RedStar - Пятница, 25.12.2015, 18:02
 
Дата: Суббота, 09.04.2016, 18:00 | Сообщение #52 | Тема: Как переделать видеоплеер ВК под универсальный?
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Есть вот такой код видеоплейера с выпадающим плейлистом.

Код
<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
 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » RedStar [52]
  • Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Поиск:


Мобильная версия