javascript - webapp js countdown problem

Question

Now I encounter such a problem: {Code...} I want to make a component or function that can solve all the countdown problems on the page, but my idea is stuck. I wonder if the experts have any good ideas? Solutions, or information? Thank you! Supplementary question: I am debugging the timer on my mobile phone...

高洛峰 · Answer

Compare with the system time of the mobile phone;
If you are still unsure, compare with the system time of the backend when the app is opened.

漂亮男人 · Answer

Vue.component('com1', {
            props: ['value'],
            data() {
                return {
                    count: null,
                }
            },
            created() {
                source.subscribe(count => this.count = count % 2);
            },
            template: '<p>距离 {{ value | date("HH:mm:ss") }} 还有 {{ seconds }}s</p>',
            computed: {
                seconds() {
                    this.count;
                    return Math.abs(moment().diff(this.value, 'seconds'));
                }
            },
            filters: {
                date(val, format) {
                    if (val) return moment(val).format(format || 'YYYY-MM-DD HH:mm:ss')
                    return val
                }
            }
        });

new Vue({
            el: '#app',
            data() {
                return {
                    items: []
                }
            },
            created() {
                for (var i = 0; i < 10; i++) {
                    this.items.push({
                        time: moment().add(i + 1, 'hours')
                    })
                }
            }
        })
    </script>
</body>
</html></code></pre>