Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 1
Регистрация: 27.10.2013
Сообщений: 44

Запустить функцию move не при клике на div example_path, а просто при загрузке страницы

22.03.2015, 21:21. Показов 550. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Запускаяю, но размер дива <div class="example_block"></div> не увеличивается


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
function move(elem) {
  var left = 0; // начальное значение
  function frame() { // функция для отрисовки
    left = left+4 ;
    $('.procent').text(Math.floor(left*100/400)+' %');
    elem.style.width = left + 'px'
    if (left == 400) {  
        $(document).ready(function(){
          $('#mrak').animate({'opacity':'hide'});
        });
       clearInterval(timer); // завершить анимацию
    }
  }
  var timer = setInterval(frame, 1) // рисовать каждые 10мс
  }
 
</script>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
    </head>
    <body style="background-color: #BBBccc; width: 100%; height: 100%; margin: 0px">
             <div id="mrak">
                    <div class="zagruzka"><h2>Подождите секундочку...</h2>
                        <div onclick="move(this.children[0])" class="example_path">
                          <div class="example_block"></div>
                        </div> 
                        <div class="procent">Загрузка</div>
                    </div>
            </div> 
    </body>
</html>
Добавлено через 32 минуты
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
        function move() {
            var left = 0; // начальное значение
                  function frame() { // функция для отрисовки
                    left = left+4 ;
                    $('.procent').text(Math.floor(left*100/400)+' %');
                    $('.example_block').animate({
                     width : 400
                  }, 1000);
                //  elem.style.width = left + 'px'
                    if (left == 400) {  
                        $(document).ready(function(){
                          $('#mrak').animate({'opacity':'hide'});
                        });
                       clearInterval(timer); // завершить анимацию
                    }
                  }
            var timer = setInterval(frame, 1) // рисовать каждые 10мс
      }
      move();
Добавлено через 36 секунд
сам решил . можна закрыть
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
22.03.2015, 21:21
Ответы с готовыми решениями:

Загружать div JS при загрузке страницы
Подскажите, пожалуйста, как на &lt;body onload=&gt; повешать событие на запуск дива типа &lt;div id=&quot;modal&quot;&gt;&lt;/div&gt;?

Однократное появление div окна при загрузке страницы
Добрый день) Прошу помочь мне с таким вопросом: Есть главная страница сайта на которой реализован javascript код. Этот код выводит div...

Нужно запустить функцию при закрытии окна, а также при изменении адреса страницы
Нужно запустить функцию при закрытии окна, а также при изменении адреса страницы(но не при обновлении). Как это осуществить? (OnUnload не...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.03.2015, 21:21
Помогаю со студенческими работами здесь

Тормоза в Internet Explorer при загрузке страницы с множеством div'ов
Пишу на MVC При отладке большие страницы (3000 строк) заставляют браузер вылетать Страница обновляется, после чего тупняк на пару...

По какой причине могут двигаться div при загрузке страницы?
Сайт: kvadrat-crimea.ru/katalog-nedvizhimosti Верстка горизонтального слайдера (Блок &quot;Выгодные предложения&quot;) разваливается при...

При загрузке страницы в div появляется отступ и непонятный тег <tbody></tbody>
Всем привет! Помогите пожалуйста, не знаю уже как избавиться от этой нечести! Проблема такая, есть div: &lt;div...

При клике на DIV меняется картинка другого DIV
Подскажите как это реализовать? Добавлено через 21 минуту Можно-ли решить этот вопрос при помощи лишь HTML и CSS? Или нужно...

При увеличении картинки при клике, поверх страницы оказывается не вся картинка
Добрый день! На странице https://mosmassage.ru/ru/rezume/massagists/hristichvv/ размещены картинки с увеличением картинки при клике...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru