制作一個(gè)會跳動(dòng)的日歷

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 15:28:26

制作一個(gè)會跳動(dòng)的日歷

制作一個(gè)會跳動(dòng)的日歷:一、簡介編寫一個(gè)會動(dòng)的日歷，日歷上面有年月日，周幾，時(shí)分秒，效果如下：年月日，周幾，時(shí)分秒都會隨著系統(tǒng)時(shí)間的走動(dòng)而改變二、代碼<!DOCTYPE html> <html lang="en"> <head> <meta charset=

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀制作一個(gè)會跳動(dòng)的日歷:一、簡介編寫一個(gè)會動(dòng)的日歷，日歷上面有年月日，周幾，時(shí)分秒，效果如下：年月日，周幾，時(shí)分秒都會隨著系統(tǒng)時(shí)間的走動(dòng)而改變二、代碼<!DOCTYPE html> <html lang="en"> <head> <meta charset=

一、簡介

編寫一個(gè)會動(dòng)的日歷，日歷上面有年月日，周幾，時(shí)分秒，效果如下：

年月日，周幾，時(shí)分秒都會隨著系統(tǒng)時(shí)間的走動(dòng)而改變

二、代碼

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Document</title>
 <style type="text/css">
 *{
 margin:0;
 padding: 0; 
 font-size: 0px;
 font-family: '微軟雅黑';
 }
 .contain-wrapper{
 margin: 0 auto;
 padding-top: 70px;
 width: 470px;
 height: 230px;
 background: #000000;
 border-radius: 30px;
 }
 .timer-wrapper p{
 font-size: 44px;
 color: #ffffff;
 }
 .year{
 width: 470px;
 text-align: center;
 }
 .timer-footer{
 width: 460px;
 text-align: center;
 }
 .timer-footer p:nth-child(1){
 display: inline-block;
 }
 .timer-footer p:nth-child(2){
 display: inline-block;
 }
 </style></head><body>
 <p class="contain-wrapper">
 <p class="timer-wrapper">
 <p class="year"></p>
 <p class="timer-footer">
 <p></p>
 <p></p>
 </p>
 </p>
 </p></body><script type="text/javascript">
 
 /*
 *這是一個(gè)獲取當(dāng)前日期的函數(shù) */
 function showLocaleDate(objb){ 
 var str = objb.getFullYear()+"年"+(objb.getMonth()+1)+"月"+objb.getDate()+"日"; 
 return str;
 } 
 var year=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[0]; 
 /*
 *這是一個(gè)獲取星期幾的函數(shù) */
 function showLocaleWeek(objC){ 
 var weekArray = new Array("日", "一", "二", "三", "四", "五", "六"); 
 var week = objC.getDay(); 
 var weekString = "星期"+ weekArray[week]; 
 return weekString;
 } 
 var wk=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[1]; /*
 *這是一個(gè)獲取當(dāng)前時(shí)間的函數(shù) */

 function showLocaleTime(objD){ 
 var hh = objD.getHours(); 
 if(hh<10) hh = '0' + hh; 
 var mm = objD.getMinutes(); 
 if(mm<10) mm = '0' + mm; 
 var ss = objD.getSeconds(); 
 if(ss<10) ss = '0' + ss; 
 var reflash=hh + ":" + mm + ":" + ss; 
 return reflash;
 } var now=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[2]; function showTime(){ var today=new Date();
 year.innerHTML=showLocaleDate(today);
 wk.innerHTML=showLocaleWeek(today);
 now.innerHTML=showLocaleTime(today);
 window.setTimeout("showTime()",1000);
 }
 showTime();
 </script>
 </html>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

制作一個(gè)會跳動(dòng)的日歷

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：一個(gè) 制作日歷

熱門焦點(diǎn)

制作一個(gè)會跳動(dòng)的日歷

制作一個(gè)會跳動(dòng)的日歷

一、簡介

二、代碼

制作一個(gè)會跳動(dòng)的日歷

最新推薦

猜你喜歡

熱門推薦