码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 定时执行函数

时间:2019-09-10 09:12:08      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:int   set   eth   next   turn   nextTick   定时执行   span   ext   

    <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>

 

Vue 定时执行函数

标签:int   set   eth   next   turn   nextTick   定时执行   span   ext   

原文地址:https://www.cnblogs.com/lwming/p/11495151.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!