Здравствуйте. Я реализовал обновление счетчиков с помощью websocket: http://prntscr.com/lmpu6i данные обновляются моментально в реальном времени. Я хочу сделать какую-нибудь анимацию для этого, вот например как здесь на моем сайте: https://ohs.wc3.info/en/ смотрю модуль ips.utils.anim но не пойму как его использовать.
Есть там что-то похожее вообще?
Пробую так:
// Обновляем счетчик ИГРОКОВ - 1 если игрок вышел
const players = this.scope.find('[data-type="players"]');
const playerValue = (parseInt(players.attr('data-currentCount'))) - 1;
players.html(playerValue);
players.attr('data-currentCount', playerValue);
ips.utils.anim.go( 'pulseOnce', $('[data-type="players"]') );
Но что-то ничего не меняется, попробовал разные эффекты - не работает.
Заработало, нужно было использовать DIV, а у меня использовался SPAN.
Изменено пользователем TemKa_SD
Рекомендованные сообщения
Создайте аккаунт или войдите в него для комментирования
При использовании данного сайта, вы согласаетесь с Условия использования и Чтобы сделать этот веб-сайт лучше, мы разместили cookies на вашем устройстве. Вы можете изменить свои настройки cookies, в противном случае мы будем считать, что вы согласны с этим..
Здравствуйте. Я реализовал обновление счетчиков с помощью websocket: http://prntscr.com/lmpu6i данные обновляются моментально в реальном времени. Я хочу сделать какую-нибудь анимацию для этого, вот например как здесь на моем сайте: https://ohs.wc3.info/en/ смотрю модуль ips.utils.anim но не пойму как его использовать.
Есть там что-то похожее вообще?
Пробую так:
// Обновляем счетчик ИГРОКОВ - 1 если игрок вышел const players = this.scope.find('[data-type="players"]'); const playerValue = (parseInt(players.attr('data-currentCount'))) - 1; players.html(playerValue); players.attr('data-currentCount', playerValue); ips.utils.anim.go( 'pulseOnce', $('[data-type="players"]') );Но что-то ничего не меняется, попробовал разные эффекты - не работает.
Заработало, нужно было использовать DIV, а у меня использовался SPAN.
Изменено пользователем TemKa_SD