javascript實(shí)現(xiàn)智能手環(huán)時(shí)間顯示
本文實(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í)有所幫助,也希望大家多多支持腳本之家。
- js獲取當(dāng)前時(shí)間顯示在頁面上并每秒刷新
- 純JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示代碼
- js實(shí)現(xiàn)時(shí)間顯示幾天前、幾小時(shí)前或者幾分鐘前的方法集錦
- json格式的時(shí)間顯示為正常年月日的方法
- 純js實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示
- Javascript 世界時(shí)區(qū)時(shí)間顯示代碼
- JS 時(shí)間顯示效果代碼
- javascript 時(shí)間顯示代碼集合(Date對象)
- js模仿微信朋友圈計(jì)算時(shí)間顯示幾天/幾小時(shí)/幾分鐘/幾秒之前
- Javascript六種風(fēng)格的時(shí)間顯示方式
相關(guān)文章
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼2009-12-12前端處理二進(jìn)制流文件導(dǎo)出為excel表代碼示例
這篇文章主要給大家介紹了關(guān)于前端處理二進(jìn)制流文件導(dǎo)出為excel表的相關(guān)資料,后臺管理系統(tǒng),常會出現(xiàn)導(dǎo)出excel表格功能,需要的朋友可以參考下2023-08-08深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù)
這篇文章主要介紹了深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-08-08js實(shí)現(xiàn)base64文件的處理以及下載方法
Base64是一種將二進(jìn)制數(shù)據(jù)編碼為ASCII字符的編碼方式,這篇文章主要給大家介紹了關(guān)于js實(shí)現(xiàn)base64文件的處理以及下載的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07Javascript 詳解封裝from表單數(shù)據(jù)為json串進(jìn)行ajax提交
這篇文章主要介紹了Javascript 詳解封裝from表單數(shù)據(jù)為json串進(jìn)行ajax提交的相關(guān)資料,需要的朋友可以參考下2017-03-03webpack cjs運(yùn)行時(shí)分析示例詳解
這篇文章主要介紹了webpack cjs運(yùn)行時(shí)分析,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12JS不同運(yùn)算符下隱式類型轉(zhuǎn)換的實(shí)現(xiàn)示例
隱式轉(zhuǎn)換就是自動(dòng)轉(zhuǎn)換,通常發(fā)生在一些數(shù)學(xué)運(yùn)算中,本文就來介紹一下JS不同運(yùn)算符下隱式類型轉(zhuǎn)換的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12