Vue 定时执行函数


    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    clock: '',
                }
            },
            mounted() {
                this.$nextTick(() => {
                    setInterval(this.CurentTime, 1000);
                })
            },
            methods: {
                CurentTime() {
                    var getTime = new Date();
                    var year = getTime.getFullYear(); //
                    var month = getTime.getMonth() + 1; //
                    var day = getTime.getDate(); //
                    var hh = getTime.getHours(); //
                    var mm = getTime.getMinutes(); //
                    var ss = getTime.getSeconds(); //
                    var clock = year + "-";
                    if (month < 10)
                        clock += "0";
                    clock += month + "-";

                    if (day < 10)
                        clock += "0";

                    clock += day + " ";

                    if (hh < 10)
                        clock += "0";

                    clock += hh + ":";

                    if (mm < 10) clock += '0';
                    clock += mm + ":";

                    if (ss < 10) clock += '0';
                    clock += ss;

                    this.clock = clock
                }

            },
        })
    </script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM