动态单词变化Svelte

Question

我试图使用数组更改一个单词，但我得到了这个错误：

(plugin svelte) ValidationError: $ is an illegal variable name

这是我的代码：

<script>
var words = [
"one",
"two",
"pizza"
];
var t = setInterval(function($) {
var randomNumber = Math.round( Math.random() * (words.length-1) );
$('#changing').fadeOut("normal", function(){
$('#changing').html( words[ randomNumber ] + "." ).fadeIn("normal");
})
}, 4500);
</script>
<span id="changing">word</span>

我该怎么解决这个问题？谢谢

Answer 1

我在这里创建了一个有效的解决方案。(还有几个单词和更短的时间跨度可以加快评估过程，但你可以恢复这些单词。(

基本上，您必须创建一个时间间隔，并在每个间隔单击时更新一个变量。然后，在HTML中，您可以直接用大括号设置变量，如REPL中所示。

然后，为了获得淡入淡出事件，我们可以使用{#key <variable>}块，它基本上查找值的变化，然后销毁/重新创建元素。一旦你看到它，它就很简单。

然后，我在底部有一些css样式，使所有元素内联。