推送程序和typed.js声明

时间:2018-09-26 08:47:51

标签: javascript events pusher typed.js pusher-js

我是JS世界的初学者... 无论如何,我试图在html页面上集成此js lib https://mattboldt.com/typed.js,甚至包含一个“推送”功能,用于从频道加载数据(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
        });

    });

Typed的“ channelbind”部分之外的第一个inizialazing效果很好...

然后在第一个事件中,内部效果良好,在每个下一个事件后,Typed声明都会感到痛苦,并开始每秒写和取消他的句子,不希望停止它而不必手动重新加载页面... var txt = JSON.stringify(data.testo);可以帮助我使此部分至少在第一次使用时有效,否则,即使是第一次事件也很痛苦。

0 个答案:

没有答案