+ Ответить в теме
Показано с 1 по 3 из 3

Тема: Рандомное появление текста

  1. #1
    Новичок cadabra на пути к лучшему Аватар для cadabra
    Регистрация
    26.12.2018
    Адрес
    London
    Сообщений
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Сообщение Рандомное появление текста

    Здравствуйте. У меня есть скрипт, который анимирует смену текста:
    <script type="text/javascript">
    $(function() {
    var list = ['"Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)', '"Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
    ];

    var txt = $('#txtlzr');

    txt.textualizer(list, {
    centered: true
    });
    txt.textualizer('start');
    })

    </script>


    Как можно сделать что бы текст появлялся не по порядку, а рандомным образом?
    Заранее спасибо за любую информацию.

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,968
    Thanks
    141
    Thanked 145 Times in 145 Posts
    https://github.com/krisk/textualizer...textualizer.js

    по всей видимости такого функционала нет. Смотри метод next

    Для того чтобы сделать это случайным,
    1. генерируй случайное число, соответствующее длине массива,
    2. бери случайную запись,
    3. останавливай текстуалайзер,
    4. подсовывай ему новый массив из одного элемента (выбранная запись)
    5. запускай текстуалайзер заново

    Не проверял, но должно работать

  3. The Following User Says Thank You to Degradator For This Useful Post:

    cadabra (28.12.2018)

  4. #3
    Новичок cadabra на пути к лучшему Аватар для cadabra
    Регистрация
    26.12.2018
    Адрес
    London
    Сообщений
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    https://github.com/krisk/textualizer...textualizer.js

    по всей видимости такого функционала нет. Смотри метод next

    Для того чтобы сделать это случайным,
    1. генерируй случайное число, соответствующее длине массива,
    2. бери случайную запись,
    3. останавливай текстуалайзер,
    4. подсовывай ему новый массив из одного элемента (выбранная запись)
    5. запускай текстуалайзер заново

    Не проверял, но должно работать
    Я сделал вот так:
    <script type="text/javascript">
    let popUpWindow = document.querySelector('#txtlzr');
    $(function() {
    let list = [
    '— Как тебя понимать?— Понимать меня необязательно. Обязательно любить и кормить вовремя.',
    'Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)',
    'Сначала казнь! Потом приговор!',
    'План, что и говорить, был превосходный: простой и ясный, лучше не придумать. Недостаток у него был только один: было совершенно неизвестно, как привести его в исполнение.',
    'Есть одно только благо — знание и одно только зло — невежество. Сократ',
    'Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
    ];
    const showQuote = (el, txt) => {
    el.innerText = txt[Math.floor(Math.random() * txt.length)];
    el.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth - el.offsetWidth)) + 'px';
    el.style.top = Math.floor(Math.random() * (document.documentElement.clientHeight - el.offsetHeight)) + 'px';
    }
    showQuote(popUpWindow, list);
    var txt = $('#txtlzr');
    txt.textualizer(list, {
    centered: true
    });
    txt.textualizer('start');

    })

    </script>


    Но я где-то что-то напутал когда объединил оба скрипта.
    Появление в рандомных местах (пока что только после обновления окна) работает, а вот появление цитат рандомным образом не работает, хотя должно.
    Возможно, я где-то тут совершил ошибку:
      showQuote(popUpWindow, list);
    var txt = $('#txtlzr');
    txt.textualizer(list, {
    centered: true
    });
    txt.textualizer('start');

    Но пока не могу понять где именно.

+ Ответить в теме

Похожие темы

  1. Рандомное изображение
    от Psh в разделе HTML
    Ответов: 1
    Последнее сообщение: 29.05.2017, 14:25
  2. Рандомное открывание сайта
    от spector66 в разделе JavaScript
    Ответов: 8
    Последнее сообщение: 27.02.2013, 09:15
  3. Появление DropDown...
    от Phil в разделе JavaScript
    Ответов: 0
    Последнее сообщение: 01.01.2013, 17:46
  4. рандомное слайдшоу
    от stadgf в разделе JavaScript
    Ответов: 24
    Последнее сообщение: 06.12.2011, 12:44
  5. появление текста при наведении
    от notnap в разделе JavaScript
    Ответов: 6
    Последнее сообщение: 18.01.2010, 15:48

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения