技術標籤：# js程式碼抄一抄

一、時鐘效果

二、程式碼

1、獲取日期

dateTime:function(cFormat, time){
   time = time || new Date()
   var format = cFormat || '{y}-{m}-{d} {h}:{i}'
   var date
   if (typeof time === 'object') {
       date = time
   } else {
       if (('' + time).length === 10) time = parseInt(time) * 1000
       date =
 
 new Date(time)
   }
   var formatObj = {
       y: date.getFullYear(),
       m: date.getMonth() + 1,
       d: date.getDate(),
       h: date.getHours(),
       i: date.getMinutes(),
       s: date.getSeconds(),
       a: date.getDay()
   }
   var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, function
 
 (result, key) {
       var value = formatObj[key]
       if (key === 'a') return ['日','一', '二', '三', '四', '五', '六'][value]
       if (result.length > 0 && value < 10) {
           value = '0' + value
       }
       return value || 0
   })
   return time_str
},

2、呼叫日期函式（vue）

data: function
 
 () {
   return {
        data: ztx.dateTime('{y}-{m}-{d}'), // 日期
        time: ztx.dateTime('{h}:{i}:{s}'), // 時間
        day: ztx.dateTime('{a}'), // 星期
        name: '', // 標題
        title: '',
        isactive: false
    }
},
 created () {
    interval = setInterval(() =>{
        this.data = ztx.dateTime('{y}-{m}-{d}');
        this.time = ztx.dateTime('{h}:{i}:{s}')
        this.day = ztx.dateTime('{a}')
    }, 1000)
},
 beforeDestroy () {
    clearInterval(interval);
}