使用 Svelte 倒计时冻结

Question

我正在尝试使用 Svelte 创建倒计时。但不知何故，输出不是动态的，它不会改变，直到我刷新页面，然后值才会改变。我的代码中可能存在逻辑错误。有什么可以开始的吗？或者只是 svelte 的编译器有问题？谢谢    import { tweened } from 'svelte/motion';    var expected = new Date("Feb 5, 2021 15:37:25").getTime();    var now = new Date().getTime();    let distance = tweened(expected-now);    setInterval(()=> {        if ($distance > 0){            $distance-=1;        }    },1000)  $: days = Math.floor($distance / (1000 * 60 * 60 * 24));  $: hours = Math.floor(($distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));  $: minutes = Math.floor(($distance % (1000 * 60 * 60)) / (1000 * 60));  $: seconds = Math.floor(($distance % (1000 * 60)) / 1000);

Answer 1

您的代码存在一个逻辑问题 - 您只是从distance每秒中减去 1 毫秒，而不是 1000 毫秒（1 秒）。

如果您将代码更新为一次减去 1000 毫秒而不是 1，则倒计时将按预期工作。

setInterval(()=> {

    if ($distance > 0){

        $distance -= 1000;

    }

}, 1000)