объявление pusher и typed.js - PullRequest
       58

объявление pusher и typed.js

0 голосов
/ 26 сентября 2018

Я очень новичок в мире js ... в любом случае, я пытаюсь интегрировать эту js lib https://mattboldt.com/typed.js на html-страницу, которая содержит даже функцию "толкателя" для загрузки данных из канала (событие, транслируемое laravel).- конечная цель - ввод текста txt в реальном времени, который можно увидеть на экране. Итак, у меня есть такой скрипт:

var pusher = new Pusher('xxxxxxxxxxxx', {
        cluster: 'xxxx',
        forceTLS: true
    });

    var channel = pusher.subscribe('xxxxx');

    var options = {
        strings: ["aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"],
        typeSpeed: 80
    }

    var typed = new Typed(".element1", options);


    channel.bind('App\\Events\\TextAdded', function(data) {
        console.log(data.testo);
        var txt = JSON.stringify(data.testo);
        var typed2 = new Typed('.element', {
            strings: [txt],
            typeSpeed: 80
        });

    });

, первый inizialazed вне части "channelbind" в Typed работает хорошо...

тогда при первом событии внутренняя часть работает хорошо, после того, как при каждом следующем событии объявление Typed испытывает боль и начинает писать и отменять свое предложение каждую секунду, не надеясь остановить его без перезагрузкивручную, потому что var txt = JSON.stringify(data.testo); помогает мне заставить эту часть работать хотя бы в первый раз, в противном случае даже самое первое событие было болезненным.

...