js實(shí)現(xiàn)中文實(shí)時時鐘
更新時間:2020年01月15日 15:01:29 作者:SSSkyCong
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)中文實(shí)時時鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js實(shí)現(xiàn)中文實(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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
CountUp.js實(shí)現(xiàn)數(shù)字滾動增值效果
這篇文章主要為大家詳細(xì)介紹了CountUp.js實(shí)現(xiàn)數(shù)字滾動增值效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-10-10JavaScript中使用參數(shù)個數(shù)實(shí)現(xiàn)重載功能
這篇文章主要介紹了JavaScript中使用參數(shù)個數(shù)實(shí)現(xiàn)重載功能,需要的朋友可以參考下2017-09-09JavaScript常見繼承模式實(shí)例小結(jié)
這篇文章主要介紹了JavaScript常見繼承模式,結(jié)合實(shí)例形式總結(jié)分析了javascript原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、原型式繼承、寄生式繼承等相關(guān)實(shí)現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-01-01前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過程
在前端直接讀取并原樣展示W(wǎng)ord文檔是一個相對復(fù)雜的任務(wù),因為Word文檔的格式(如.doc或.docx)與Web技術(shù)棧使用的格式(HTML、CSS)不兼容,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)word文檔預(yù)覽和內(nèi)容提取的詳細(xì)過程,需要的朋友可以參考下2024-05-05