Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Обновлреие элемента страницы через заданый промежуток времени

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
tatsek
Отправлено: 15 Декабря, 2015 - 10:22:20
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Приветствую уважаемый форум. Есть вот такой код обновления

<div id="block"></div>

<script> *
var CLN; onload = function () {CLN = document.getElementById ('block').cloneNode (1)}
</script>

<input type="button" value="Обновить" onclick="var obj = document.getElementById ('block'); obj.parentNode.replaceChild (CLN, obj)">

Обновление элемента происходит при нажатии на кнопку. Подскажите пожалуйста, как сделать чтоб обновление происходило автоматом, через заданный промежуток времени и бесконечно. Спасибо.
 
 Top
SAD
Отправлено: 15 Декабря, 2015 - 10:39:39
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
setInterval
 
 Top
tatsek
Отправлено: 15 Декабря, 2015 - 11:05:26
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Пожалуйста можно поподробнее. Слабоват я в этом. Добавил setInterval (1000) в скрипт, всё равно без input не работает.
 
 Top
popover
Отправлено: 15 Декабря, 2015 - 11:13:23
Post Id



Новичок


Покинул форум
Сообщений всего: 23
Дата рег-ции: Дек. 2015  


Помог: 2 раз(а)
CODE (javascript):
скопировать код в буфер обмена
  1. var interval;
  2.  
  3. interval = setInterval(function () {
  4.     //some code...
  5. }, 1000);
 
 Top
tatsek
Отправлено: 15 Декабря, 2015 - 11:47:14
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Наверное я ещё много не догоняю, и не правильно ставлю вопрос. Поэтому только JavaScript не работает. Если не ошибаюсь то для обновления файла нужен запрос к БД, для этого в данном случае и применён input.
 
 Top
SAD
Отправлено: 15 Декабря, 2015 - 11:49:57
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
Может, тогда стоит правильно и доходчиво описать, что Вам требуется?
 
 Top
tatsek
Отправлено: 15 Декабря, 2015 - 12:03:31
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Сейчас объясню. Только не смейтесь пожалуйста. Слайдер я делаю. Пока в Notepad++. Анимацию уже сделал. 8 картинок сменяют друг друга с эффектами, но только один цикл. Чтоб запустить по новой нужно обновить страницу, или кнопкой. Хочется сделать постоянное обновление циклов.
 
 Top
SAD
Отправлено: 15 Декабря, 2015 - 12:12:45
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
tatsek пишет:
Только не смейтесь


Та мы сами себе в зеркало не улыбаемся.

Откуда Вы берете фото?
 
 Top
tatsek
Отправлено: 15 Декабря, 2015 - 12:17:48
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Пока со своего компа, но в "наполеонвских" планах повесить этот слайдер на сайт, значит буду брать с сервера.
 
 Top
SAD
Отправлено: 15 Декабря, 2015 - 12:49:35
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
приведи пример своего кода
 
 Top
tatsek
Отправлено: 15 Декабря, 2015 - 12:55:18
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Вот весь. Не большой вроде.
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>Блок</title>
  6. <style>
  7. #slaid {
  8.         psition: relative;
  9.         width: 300px;
  10.         height: 200px;
  11.         border: 2px solid #333;
  12.         border-radius: 5px;
  13. }
  14.  
  15. .image1,
  16. .image2,
  17. .image3,
  18. .image4,
  19. .image5,
  20. .image6,
  21. .image7 {
  22.         position: absolute;
  23.         top: 10px;
  24.         left: 10px;
  25.         opacity: 0;
  26.         width: 300px;
  27.         height: 200px;
  28. }
  29.        
  30. .image1{
  31.         z-index: 8;
  32.         animation: one-image 4s ease alternate;
  33. }
  34.  
  35. .image2 {
  36.         z-index: 7;
  37.         animation: two-image 4s 3s ease alternate;
  38. }
  39.  
  40. .image3 {
  41.         z-index: 6;
  42.         animation: three-image 4s 6s ease alternate;
  43. }
  44.  
  45. .image4 {
  46.         z-index: 5;
  47.         animation: four-image 4s 9s ease alternate;    
  48. }
  49.  
  50. .image5 {
  51.         z-index: 4;
  52.         animation: five-image 4s 12s ease alternate;
  53. }
  54.  
  55. .image6 {
  56.         z-index: 3;
  57.         animation: six-image 4s 15s ease alternate;
  58. }
  59.  
  60. .image7 {
  61.         z-index: 2;
  62.         animation: seven-image 4s 18s ease alternate;
  63. }
  64.  
  65. .image8 {
  66.         position: absolute;
  67.         top: 10px;
  68.         left: 10px;
  69.         width: 300px;
  70.         height: 200px;
  71.         z-index: 1;
  72.         animation: eight-image 26s ease alternate;
  73. }
  74.  
  75. @keyframes one-image{
  76.         0% {
  77.         opacity: 0;
  78.         }
  79.         50% {
  80.         opacity: 1;
  81.         }
  82.         100% {
  83.         opacity: 0;
  84.         }
  85. }
  86.  
  87. @keyframes two-image{
  88.         0% {
  89.         opacity: 0;
  90.         }
  91.         50% {
  92.         opacity: 1;
  93.         }
  94.         100% {
  95.         opacity: 0;
  96.         }
  97. }
  98.  
  99. @keyframes three-image{
  100.         0% {
  101.         opacity: 0;
  102.         }
  103.         50% {
  104.         opacity: 1;
  105.         }
  106.         100% {
  107.         opacity: 0;
  108.         }
  109. }
  110.  
  111. @keyframes four-image{
  112.         0% {
  113.         opacity: 0;
  114.         }
  115.         50% {
  116.         opacity: 1;
  117.         }
  118.         100% {
  119.         opacity: 0;
  120.         }
  121. }
  122.  
  123. @keyframes five-image{
  124.         0% {
  125.         opacity: 0;
  126.         }
  127.         50% {
  128.         opacity: 1;
  129.         }
  130.         100% {
  131.         opacity: 0;
  132.         }
  133. }
  134.  
  135. @keyframes six-image{
  136.         0% {
  137.         opacity: 0;
  138.         }
  139.         50% {
  140.         opacity: 1;
  141.         }
  142.         100% {
  143.         opacity: 0;
  144.         }
  145. }
  146.  
  147. @keyframes seven-image{
  148.         0% {
  149.         opacity: 0;
  150.         }
  151.         50% {
  152.         opacity: 1;
  153.         }
  154.         100% {
  155.         opacity: 0;
  156.         }
  157. }
  158.  
  159. @keyframes eight-image{
  160.         0% {
  161.         opacity: 0;
  162.         }
  163.         50% {
  164.         opacity: 0;
  165.         }
  166.         80% {
  167.         opacity: 0;
  168.         }
  169.         100% {
  170.         opacity: 1;
  171.         }
  172. }
  173.  
  174.  
  175. </style>
  176. <body>
  177.         <div id="slaid">
  178.                 <img class="image1" src="images/172.jpg">
  179.                 <img class="image2" src="images/166.jpg">
  180.                 <img class="image3" src="images/153.jpg">
  181.                 <img class="image4" src="images/129.jpg">
  182.                 <img class="image5" src="images/135.jpg">
  183.                 <img class="image6" src="images/116.jpg">
  184.                 <img class="image7" src="images/122.jpg">
  185.                 <img class="image8" src="images/173.jpg">
  186.         </div>
  187.        
  188. <script>  
  189. var CLN; onload = function () {CLN = document.getElementById ('slaid').cloneNode (10)}
  190. </script>
  191.  
  192. <input type="button" value="Псмотреть ещё раз" onclick="var obj = document.getElementById ('slaid'); obj.parentNode.replaceChild (CLN, obj)">
  193.  
  194. </body>
  195. </html>

Очень не хочется плагин. Стараюсь сам написать.
(Добавление)
Зарание спасибо за ответ. Ухожу на работу до завтра

(Отредактировано автором: 15 Декабря, 2015 - 12:57:27)

 
 Top
Denkill
Отправлено: 15 Декабря, 2015 - 14:32:32
Post Id



Посетитель


Покинул форум
Сообщений всего: 330
Дата рег-ции: Янв. 2013  
Откуда: Барнаул


Помог: 7 раз(а)
На вашем месте я бы использовал hide() и show() из Jquery. Так проще чем через css3


-----
Хо-Хо-Хо
 
 Top
esterio
Отправлено: 15 Декабря, 2015 - 15:58:44
Post Id



Активный участник


Покинул форум
Сообщений всего: 5025
Дата рег-ции: Нояб. 2012  
Откуда: Украина, Львов


Помог: 127 раз(а)
что-то Высвоим топиком побудили меня сделать вот это нафик никому не нужен код.
http://jsfiddle[dot]net/esterio/tdmfjyg7/
 
 Top
tatsek
Отправлено: 16 Декабря, 2015 - 12:36:37
Post Id


Новичок


Покинул форум
Сообщений всего: 8
Дата рег-ции: Июль 2013  
Откуда: Казань


Помог: 0 раз(а)
Цитата:
нафик никому не нужен код
Почему не нужен. Очень даже нужен таким начинающим как я, практикующим метод тыка. Спасибо от души. Счас я его по косточкам разберу, погуглю и всё пойму.

"Спасибо" для меня не работает - сообщений мало. Но я сказал.

(Отредактировано автором: 16 Декабря, 2015 - 12:38:34)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB