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

js動態(tài)獲取時間的方法分析

 更新時間:2019年08月02日 10:27:06   作者:專屬n  
這篇文章主要介紹了js動態(tài)獲取時間的方法,結(jié)合實(shí)例形式分析了javascript日期時間計算與頁面元素動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了js動態(tài)獲取時間的方法。分享給大家供大家參考,具體如下:

<script type="text/javascript">
  function show_cur_times(){
    //獲取當(dāng)前日期
    var date_time = new Date();
    //定義星期
    var week;
    //switch判斷
    switch (date_time.getDay()){
      case 1: week="星期一"; break;
      case 2: week="星期二"; break;
      case 3: week="星期三"; break;
      case 4: week="星期四"; break;
      case 5: week="星期五"; break;
      case 6: week="星期六"; break;
      default:week="星期天"; break;
    }
    //年
    var year = date_time.getFullYear();
    //判斷小于10,前面補(bǔ)0
    if(year<10){
      year="0"+year;
    }
    //月
    var month = date_time.getMonth()+1;
    //判斷小于10,前面補(bǔ)0
    if(month<10){
      month="0"+month;
    }
    //日
    var day = date_time.getDate();
    //判斷小于10,前面補(bǔ)0
    if(day<10){
      day="0"+day;
    }
    //時
    var hours =date_time.getHours();
    //判斷小于10,前面補(bǔ)0
    if(hours<10){
      hours="0"+hours;
    }
    //分
    var minutes =date_time.getMinutes();
    //判斷小于10,前面補(bǔ)0
    if(minutes<10){
      minutes="0"+minutes;
    }
    //秒
    var seconds=date_time.getSeconds();
    //判斷小于10,前面補(bǔ)0
    if(seconds<10){
      seconds="0"+seconds;
    }
    //拼接年月日時分秒
    var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;
    //顯示在id為showtimes的容器里
    document.getElementById("showtimes").innerHTML= date_str;
  }
  //設(shè)置1秒調(diào)用一次show_cur_times函數(shù)
  setInterval("show_cur_times()",100);
</script>

為解決訪問該頁面出現(xiàn) "一閃",才出現(xiàn)時間,應(yīng)當(dāng)在現(xiàn)在容器(id為showtimes的層)里先調(diào)用一次show_cur_times函數(shù);

<div id="showtimes">
  <script language="javascript">show_cur_times();</script>
</div>

運(yùn)行效果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

PS:這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用:

在線日期/天數(shù)計算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi

在線日期計算器/相差天數(shù)計算器:
http://tools.jb51.net/jisuanqi/datecalc

在線日期天數(shù)差計算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix時間戳(timestamp)轉(zhuǎn)換工具:
http://tools.jb51.net/code/unixtime

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • webpack結(jié)合express實(shí)現(xiàn)自動刷新的方法

    webpack結(jié)合express實(shí)現(xiàn)自動刷新的方法

    這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實(shí)現(xiàn)自動刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • js仿淘寶和百度文庫的評分功能

    js仿淘寶和百度文庫的評分功能

    這篇文章主要為大家詳細(xì)介紹了js仿淘寶和百度文庫的評分功能的相關(guān)代碼和實(shí)現(xiàn)思路,具有一定的參考價值,需要的朋友可以參考下
    2016-05-05
  • uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南

    uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南

    tabBar如果應(yīng)用是一個多tab應(yīng)用,可以通過tabBar配置項(xiàng)指定tab欄的表現(xiàn),以及tab切換時顯示的對應(yīng)頁,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序配置tabbar底部導(dǎo)航欄的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • 固定表格行列(expression)在IE下適用

    固定表格行列(expression)在IE下適用

    本文為大家介紹下使用expression固定表格行列,這是一種在IE下適用的固定行列的方法,感興趣的朋友可以學(xué)習(xí)下,希望對大家有所幫助
    2013-07-07
  • js代碼延遲一定時間后執(zhí)行一個函數(shù)的實(shí)例

    js代碼延遲一定時間后執(zhí)行一個函數(shù)的實(shí)例

    下面小編就為大家?guī)硪黄猨s代碼延遲一定時間后執(zhí)行一個函數(shù)的實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-02-02
  • 解決javascript 全局變量失效的問題

    解決javascript 全局變量失效的問題

    這篇文章主要介紹了解決javascript 全局變量失效的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2016-04-04
  • 理解javascript異步編程

    理解javascript異步編程

    這篇文章主要為大家介紹了javascript異步編程,從淺入深的學(xué)習(xí)javascript異步編程,對javascript異步編程感興趣的小伙伴們可以參考一下
    2016-01-01
  • 上傳的js驗(yàn)證(圖片/文件的擴(kuò)展名)

    上傳的js驗(yàn)證(圖片/文件的擴(kuò)展名)

    下文給大家介紹下js 驗(yàn)證上傳圖片以及怎樣控制一個上傳文件的擴(kuò)展名,感興趣的朋友可以參考下哈,希望對你有所幫助
    2013-04-04
  • 微信小程序?qū)崿F(xiàn)客服功能(客服消息)的全過程

    微信小程序?qū)崿F(xiàn)客服功能(客服消息)的全過程

    在最近做的微信小程序中需要實(shí)現(xiàn)一個自帶的客服功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)客服功能(客服消息)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • JavaScript事件對象event用法分析

    JavaScript事件對象event用法分析

    這篇文章主要介紹了JavaScript事件對象event用法,結(jié)合實(shí)例形式分析了事件對象event中常用的屬性、方法、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
    2018-07-07

最新評論

丰原市| 拜城县| 游戏| 大埔县| 门头沟区| 岳池县| 汉中市| 德钦县| 昭觉县| 中牟县| 崇礼县| 色达县| 祁门县| 景谷| 富平县| 三亚市| 兴国县| 乌拉特前旗| 赫章县| 昌乐县| 布拖县| 昂仁县| 商都县| 确山县| 石棉县| 赞皇县| 利津县| 元阳县| 太湖县| 天门市| 绥江县| 裕民县| 贵德县| 家居| 嘉定区| 新泰市| 亚东县| 贵定县| 攀枝花市| 西盟| 镇巴县|