最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue實現(xiàn)右上角時間顯示實時刷新

 更新時間:2021年10月21日 17:03:17   作者:海綿寶寶y  
這篇文章主要為大家詳細介紹了vue實現(xiàn)右上角時間顯示實時刷新,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了vue實現(xiàn)右上角時間顯示實時刷新的具體代碼,供大家參考,具體內(nèi)容如下

效果圖

utils文件夾下的index.js

export default {
  // 獲取右上角的時間戳
  formatDate(time) {
    let  newTime = "";
    let date = new Date(time);
    let a = new Array("日","一","二","三","四","五","六");
    let year = date.getFullYear(),
        month = date.getMonth()+1,//月份是從0開始
        day = date.getDate(),
        hour = date.getHours(),
        min = date.getMinutes(),
        sec = date.getSeconds(),
        week = new Date().getDay();
        if(hour<10){
          hour = "0"+hour;
        }
        if(min<10){
          min="0"+min;
        }
        if(sec<10){
          sec = "0"+sec;
        }
    newTime = year + "-"+month+"-" +day +"  星期"+a[week] + " "+hour+":"+min+":"+sec;
    return newTime;
  }
}

src==>page文件夾下cs.vue

<template>
  <div class="main">   
    <!-- 頭部 -->
    <div class="header">     
      <div class="cue_time">{{currentDate}}</div>
    </div>
  </div>
</template>
 
<script>
  import utils from '../utils/index' 
  export default {
    name:"tranin",
    data () {
      return{       
        currentDate: utils.formatDate(new Date()),
        currentDateTimer:null,//頭部當(dāng)前時間
      }
      
    },
    methods:{
      // 刷新頭部時間
      refreashCurrentTime(){
        this.currentDate = utils.formatDate(new Date())
      }
 
    },
    mounted(){
      // 定時刷新時間
      this.currentDateTimer = setInterval(this.refreashCurrentTime,1000)
 
    }
  }
</script>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue?vue-esign簽字板的demo

    vue?vue-esign簽字板的demo

    這篇文章主要介紹了vue?vue-esign簽字板的實例講解,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue.js實現(xiàn)插入數(shù)值與表達式的方法分析

    vue.js實現(xiàn)插入數(shù)值與表達式的方法分析

    這篇文章主要介紹了vue.js實現(xiàn)插入數(shù)值與表達式的方法,結(jié)合實例形式分析了vue.js常見的3種插入數(shù)值實現(xiàn)方式,并總結(jié)了vue.js插值與表達式相關(guān)使用技巧,需要的朋友可以參考下
    2018-07-07
  • 淺談super-vuex使用體驗

    淺談super-vuex使用體驗

    super-vuex是一套用于簡化Vuex的數(shù)據(jù)架構(gòu)。這篇文章主要介紹了淺談super-vuex使用體驗,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • vue使用mpegts.js的詳細步驟記錄

    vue使用mpegts.js的詳細步驟記錄

    MPEGTS.js是一個輕量級的JavaScript庫,用于處理MPEG-TS流,這篇文章主要給大家介紹了關(guān)于vue使用mpegts.js的詳細步驟記錄,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-04-04
  • vue如何解決循環(huán)引用組件報錯的問題

    vue如何解決循環(huán)引用組件報錯的問題

    這篇文章主要介紹了vue如何解決循環(huán)引用組件報錯的問題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • Vue2響應(yīng)式系統(tǒng)之set和delete

    Vue2響應(yīng)式系統(tǒng)之set和delete

    這篇文章主要介紹了Vue2響應(yīng)式系統(tǒng)之set和delete,通過為對象收集依賴,將對象、數(shù)組的修改、刪除也變成響應(yīng)式的了,同時為用戶提供了和方法,下文詳細介紹需要的朋友可以參考一下
    2022-04-04
  • vue3.0中sass全局的使用過程

    vue3.0中sass全局的使用過程

    這篇文章主要介紹了vue3.0中sass全局的使用過程,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue中防抖和節(jié)流的使用方法

    vue中防抖和節(jié)流的使用方法

    防抖和節(jié)流是我們在開發(fā)過程中常用優(yōu)化性能的方式,可以減少不必要的計算,不浪費資源,只在適合的時候再進行觸發(fā)計算,這篇文章主要給大家介紹了關(guān)于vue中防抖和節(jié)流使用的相關(guān)資料,需要的朋友可以參考下
    2021-08-08
  • 使用vuex緩存數(shù)據(jù)并優(yōu)化自己的vuex-cache

    使用vuex緩存數(shù)據(jù)并優(yōu)化自己的vuex-cache

    這篇文章主要介紹了使用vuex緩存數(shù)據(jù)并優(yōu)化自己的vuex-cache,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點

    vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點

    這篇文章主要給大家介紹了關(guān)于vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點的相關(guān)資料,video.js是一款基于HTML5的網(wǎng)絡(luò)視頻播放器,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-12-12

最新評論

无锡市| 邹城市| 东明县| 长阳| 南乐县| 内黄县| 大城县| 洛宁县| 漳浦县| 惠来县| 清徐县| 蒙城县| 布拖县| 鄂尔多斯市| 蒙山县| 彩票| 乌恰县| 上林县| 错那县| 阿坝| 阳泉市| 阳江市| 龙江县| 华坪县| 洱源县| 余姚市| 厦门市| 咸丰县| 庆城县| 麻城市| 西畴县| 高唐县| 三河市| 鸡泽县| 定陶县| 革吉县| 仪陇县| 长沙市| 新营市| 隆子县| 甘德县|