Содержание
Введение
Основные шаги
Настройки
WYSIWYG Web Builder
Интерфейс
Сайт
Страницы
Объекты
Расширения
События
Глобальная замена
Слои (уровни)
Поиск ошибок
Использование искусственного
интеллекта
Оптимизация сайта (SEO)
Администрирование
CMS
Предварительный просмотр
Публикация
Новое в последних версиях
Сотрудничество
|
Таймер
Назначение таймера (Timer) - отсчет времени.
Кроме этого, объект таймера позволяет вызвать действия, основанные на
событиях
таймера. Например, показать или скрыть объект после истечения
определенного времени (в миллисекундах).
Все действия
случая поддержаны - показать, скрыть, сменить друг друга, проиграть
видео, аудио, активировать
JavaScript и т.д. Возможности бесконечны!
Для вставки таймера используйте Панель вставок, или Ленту (вкладка
Insert - Advanced - Timer), или контекстное меню страницы (Insert -
Advanced - Timer).
Настройки:
Вкладка General
Type - Объект Таймера
поддерживает два типа:
- Interval - Интервал. Выполняет функцию, много раз, в
указанных временных интервалах.
- Timeout - Блокировка времени. Выполняет функцию однажды,
после ожидания конкретного количества миллисекунд.
Interval -
Определяет интервал в миллисекундах.
Auto start - Определяет, запускается ли таймер автоматически. Если эта
опция не выбрана, Вы можете запустить таймер через события (например на
щелчке
кнопки).
Кроме этого, Вы можете также остановить таймер через события (Остановка
Таймера)
Вкладка Events (События)
В Событиях Вы можете конфигурировать то, что случится, когда время
отсчета таймера
истечет.
Например Вы можете отобразить или скрыть объект, запустить
файл СМИ, анимировать кое-что и т.д.
Подробнее
о событиях
См. также:
Как
редактировать таймер отсчета (видео)
Новое
для Timer (таймер): Представлен новый вариант типа «Посещения». Эта
функция позволяет запускать таймер после определенного количества
посещений. Новый вариант типа «Дни». Теперь вы можете
настроить таймеры, которые будут активироваться через определенное
количество дней после первого посещения пользователя. Добавлена опция
«Диапазон дат». добавлена опция «Временной диапазон». И другое
Подробнее
Progress Bar
Progress Bar (Индикатор выполнения) предназначен для простого
отображения текущего процента завершения процесса. Например, Индикатор
выполнения может отражать процент загрузки или состояния онлайн-опроса.
Диапазон индикатора от 0 до 100 процентов.
Примечание:
Значение индикатора выполнения
обычно обновляется через JavaScript. Он ничего не делает сам по себе.
Объект Progressbar основан на виджете индикатора выполнения библиотеки
пользовательского интерфейса jQuery - Подробнее.
Создание Progress Bar
Для вставки Progress Bar используйте Панель вставок
(Toolbox)- раздел jQuery UI /
Bootstrap - Progress Bar.
Настройки
General
Initial Value (начальное
значение) - Задает начальное значение индикатора выполнения. Обычно это
'0'.
Indeterminate
(Неопределенный) - Включите этот параметр, чтобы отобразить
(анимированный) неопределенный индикатор выполнения.
Show Percentages
(Показать проценты) - Выбор, показывать ли проценты в индикаторе
выполнения (Новое в WYSIWYG Web Builder 14)
Style (Стиль оформления)
Внешний вид этого объекта определяется темой страницы. Вы можете
установить тему в Свойствах страницы
(Page Properties) - Style (стиль) - Theme (тема).
Темы можно создавать/редактировать с помощью встроенного Менеджера темы или посетив веб-сайт ThemeRoller.
Ниже приведен пример обновления значения индикатора выполнения с
помощью JavaScript.
1. Добавьте виджет индикатора выполнения на свою страницу.
2. Запишите ID. Значение по умолчанию - ' jQueryProgressbar1’.
3. Добавьте на страницу изображение, фигуру или другой объект с
поддержкой событий.
4. Откройте свойства и выберите вкладку ‘Events’ ("события").
5. Нажмите кнопку ‘Add’ ("Добавить), чтобы вставить новое
событие.
6. Выберите 'Event’: OnClick и установите функцию’ Action' в
JavaScript.
Для обновления значения (0 - 100) progressbar выполните следующий код
$('#jQueryProgressbar1').progressbar('option', 'value', 75);
где jQueryProgressbar1-это
идентификатор элемента управления ProgressBar.
Отзывчивые свойства
"Отзывчивое свойство" означает, что оно может иметь другое значение в
точках останова ( в контрольных точках - см. Сайты
для разных
экранов). Например, размер шрифта может быть больше для небольших
экранов.
Следующие свойства являются отзывчивыми.
· visibility - видимость
· object position - положение
объекта
· object size - размер
объекта
Подробнее о Progressbar (англ. язык)
Новое в WYSIWYG Web Builder 11
Добавлен выбор 'Indeterminate' (Неопределенный). Позвольте этому
выбору показать (оживляемый) неопределенный бар продвижения.
Новое в WYSIWYG Web
Builder 14
Новая функция: добавлена возможность показывать проценты в
progressbar.
Последнее обновление:
сентябрь
2018 г.
|