Javascript – Webapp-JS-Countdown-Problem

Question

Jetzt stoße ich auf ein solches Problem: {Code...} Ich möchte eine Komponente oder Funktion erstellen, die alle Countdown-Probleme auf der Seite lösen kann, aber meine Idee steckt fest. Ich frage mich, ob die Experten gute Ideen haben. oder Informationen? Vielen Dank! Zusatzfrage: Ich debugge den Timer auf meinem Mobiltelefon ...

高洛峰 · Answer

与手机系统时间进行比较；
如果还不放心，在app 打开的时候与后端的系统时间进行比较。

漂亮男人 · 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>