快捷導(dǎo)航

javascript實(shí)現(xiàn)智能手環(huán)時(shí)間顯示

更新時(shí)間：2020年09月18日 11:59:27 作者：瘋?cè)薌ort

這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)智能手環(huán)時(shí)間顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了javascript實(shí)現(xiàn)智能手環(huán)時(shí)間顯示的具體代碼，供大家參考，具體內(nèi)容如下

代碼：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <style>
  #shijian{
   width: 500px;height: 120px;background-color:#117dbb;
   margin: 50px auto;line-height: 120px;
   color: white;font-size: 22px;
   text-align: center;
   border-radius: 60px;
   box-shadow:#4f535a 0px 5px 10px;
  }
 </style>
</head>
<body>
 <div id ="shijian">顯示當(dāng)前時(shí)間</div>
 <script>
  function showtime(){
   var a = new Date()
   var year = a.getFullYear()
   var month =jiaLing(a.getMonth()+1) 
   var day =jiaLing(a.getDate()) 
   var week = weekUp(a.getDay()) 
   var houer =jiaLing(a.getHours()) 
   var minute =jiaLing(a.getMinutes()) 
   var second =jiaLing(a.getSeconds()) 
   var str=year+"年"+month+"月"+day+"日 星期"+week+" " +houer+"時(shí)"+minute+"分"+second+"秒"
   return str;
  }
  function weekUp(i){
   var arr = ["日","一","二","三","四","五","六"]
   return arr[i]
  }
  function jiaLing(i){
   if(i<10){
    return "0"+i;
   }else{
    return i;
   }
  }
  setInterval(function(){
   var oDiv= document.getElementById("shijian");
   oDiv.innerHTML = showtime()
  },1000)
 </script>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

JS+CSS實(shí)現(xiàn)電子商務(wù)網(wǎng)站導(dǎo)航模板效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)電子商務(wù)網(wǎng)站導(dǎo)航模板效果代碼,涉及JavaScript結(jié)合css動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-09-09
JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換，浮點(diǎn)數(shù)相加，數(shù)字判斷操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換，浮點(diǎn)數(shù)相加，數(shù)字判斷操作,結(jié)合實(shí)例形式分析了JavaScript數(shù)值運(yùn)算、判斷相關(guān)操作技巧,需要的朋友可以參考下
2019-11-11
javascript變量聲明實(shí)例分析
這篇文章主要介紹了javascript變量聲明,實(shí)例分析了javascript變量聲明的相關(guān)使用技巧,需要的朋友可以參考下
2015-04-04
深入了解JavaScript中的垃圾回收機(jī)制
JavaScript中的垃圾回收機(jī)制負(fù)責(zé)自動(dòng)管理內(nèi)存，回收不再使用的對象所占用的內(nèi)存空間。本文主要介紹了JS中垃圾回收機(jī)制的相關(guān)知識，需要的可以參考一下
2023-04-04
javascript實(shí)現(xiàn)鏈接單選效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)鏈接單選效果的方法,可實(shí)現(xiàn)點(diǎn)擊鏈接改變其背景色的功能,同時(shí)可禁用對應(yīng)鏈接的跳轉(zhuǎn),需要的朋友可以參考下
2015-05-05
Echart中國地圖更換背景圖的方法示例
本文主要介紹了Echart中國地圖更換背景圖的方法示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
JS拖拽插件實(shí)現(xiàn)步驟
實(shí)現(xiàn)JS拖拽插件主要從六個(gè)方面做介紹：一、js拖拽插件的原理，二、根據(jù)原理實(shí)現(xiàn)的最基本效果，三、代碼抽象與優(yōu)化，四、擴(kuò)展：有效的拖拽元素，五、性能優(yōu)化和總結(jié)，六、jquery插件化 ,需要的朋友可以參考下
2015-08-08
js實(shí)現(xiàn)非常棒的彈出div
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)非常棒的彈出div，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-10-10
JavaScript操作XML 使用百度RSS作為新聞源示例
JavaScript操作XML 使用百度RSS作為新聞源示例,需要的朋友可以參考下
2012-02-02
微信小程序?qū)崿F(xiàn)長按識別圖片二維碼(兩種方案)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)長按識別圖片二維碼(兩種方案),第一種方案只需要在image里面加一個(gè)屬性就可以了,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-01-01