Spaces:
Build error
Build error
File size: 544 Bytes
3b623f5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<script lang="ts">
import { fade, fly } from 'svelte/transition';
import { onMount } from 'svelte';
let idx = 0;
export let className = '';
export let words = ['lorem', 'ipsum'];
export let duration = 4000;
onMount(() => {
setInterval(async () => {
if (idx === words.length - 1) {
idx = 0;
} else {
idx = idx + 1;
}
}, duration);
});
</script>
<div class={className}>
<div>
{#key idx}
<div class=" marquee-item" in:fly={{ y: '30%', duration: 1000 }}>
{words.at(idx)}
</div>
{/key}
</div>
</div>
|