js實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘
本文實(shí)例為大家分享了js實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘的具體代碼,供大家參考,具體內(nèi)容如下
效果:

代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var chr=['零','一','二','三','四','五','六','七','八','九','十'];
var weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
init();
function init() {
setInterval(animation,16);
}
function animation() {
document.body.innerHTML=getDate();
}
function getDate() {
var date=new Date();
return getYears(date.getFullYear())+"年"
+getChrNumber(date.getMonth()+1)+"月"
+getChrNumber(date.getDate())+"日"
+" "+weeks[date.getDay()]
+" "+getChrNumber(date.getHours())+"點(diǎn)"
+getChrNumber(date.getMinutes())+"分"
+getChrNumber(date.getSeconds())+"秒 "
+getChrNumber(date.getMilliseconds())+"毫米"
}
function getChrNumber(num) {
if(num>=1000 || num<0) return;
if(num<11) return chr[num];
if(num<100 && num%10===0) return chr[num/10]+"十";
if(num<20) return "十"+chr[num%10];
if(num<100) return chr[parseInt(num/10)]+"十"+chr[num%10];
var str=chr[parseInt(num/100)]+"百";
if(num%100===0) return str;
if(num%10===0) return str+chr[parseInt(num/10)%10]+"十";
if(parseInt(num/10)%10===0) return str+"零"+chr[num%10];
return str+chr[parseInt(num/10)%10]+"十"+chr[num%10];
}
function getYears(year) {
var arr=year.toString().split("").map(function (t) { return getNumber(t) });
return arr.map(function (t) { return chr[t] }).join("");
}
function getNumber(str) {
if(!isNaN(Number(str))) return Number(str);
return str;
}
</script>
</body>
</html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js實(shí)現(xiàn)小時(shí)鐘效果
- 使用JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘
- js實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘
- JavaScript canvas動(dòng)畫(huà)實(shí)現(xiàn)時(shí)鐘效果
- js實(shí)現(xiàn)圖片實(shí)時(shí)時(shí)鐘
- js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的數(shù)字時(shí)鐘效果
- html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼
- 五步輕松實(shí)現(xiàn)JavaScript HTML時(shí)鐘效果
- JavaScript實(shí)現(xiàn)簡(jiǎn)單的時(shí)鐘實(shí)例代碼
- JS實(shí)現(xiàn)網(wǎng)頁(yè)時(shí)鐘特效
相關(guān)文章
微信小程序?qū)崿F(xiàn)購(gòu)物車(chē)小功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購(gòu)物車(chē)小功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12
CountUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)增值效果
這篇文章主要為大家詳細(xì)介紹了CountUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)增值效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10
JavaScript中使用參數(shù)個(gè)數(shù)實(shí)現(xiàn)重載功能
這篇文章主要介紹了JavaScript中使用參數(shù)個(gè)數(shù)實(shí)現(xiàn)重載功能,需要的朋友可以參考下2017-09-09
JavaScript常見(jiàn)繼承模式實(shí)例小結(jié)
這篇文章主要介紹了JavaScript常見(jiàn)繼承模式,結(jié)合實(shí)例形式總結(jié)分析了javascript原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、原型式繼承、寄生式繼承等相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-01-01
前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過(guò)程
在前端直接讀取并原樣展示W(wǎng)ord文檔是一個(gè)相對(duì)復(fù)雜的任務(wù),因?yàn)閃ord文檔的格式(如.doc或.docx)與Web技術(shù)棧使用的格式(HTML、CSS)不兼容,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過(guò)程,需要的朋友可以參考下2024-05-05

