我是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);
可以帮助我使此部分至少在第一次使用时有效,否则,即使是第一次事件也很痛苦。