javascript實現(xiàn)智能手環(huán)時間顯示
更新時間:2020年09月18日 11:59:27 作者:瘋?cè)薌ort
這篇文章主要為大家詳細介紹了javascript實現(xiàn)智能手環(huán)時間顯示,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了javascript實現(xiàn)智能手環(huán)時間顯示的具體代碼,供大家參考,具體內(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)前時間</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+"時"+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)文章
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼2009-12-12深入淺出ES6新特性之函數(shù)默認參數(shù)和箭頭函數(shù)
這篇文章主要介紹了深入淺出ES6新特性之函數(shù)默認參數(shù)和箭頭函數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-08-08Javascript 詳解封裝from表單數(shù)據(jù)為json串進行ajax提交
這篇文章主要介紹了Javascript 詳解封裝from表單數(shù)據(jù)為json串進行ajax提交的相關(guān)資料,需要的朋友可以參考下2017-03-03JS不同運算符下隱式類型轉(zhuǎn)換的實現(xiàn)示例
隱式轉(zhuǎn)換就是自動轉(zhuǎn)換,通常發(fā)生在一些數(shù)學(xué)運算中,本文就來介紹一下JS不同運算符下隱式類型轉(zhuǎn)換的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2023-12-12