亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

JavaScript實現簡單日期特效

瀏覽:34日期:2023-06-05 17:10:35

JavaScript之日期特效的具體代碼,供大家參考,具體內容如下

直接上代碼:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style type='text/css'>*{ padding: 0; margin: 0;}#date{ width: 450px; height: 300px; background-color: darkorange; border-radius: 10px; margin: 100px auto;}#nowDate{ width: 450px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 26px;}#day{ width: 200px; height: 200px; line-height: 200px; background-color: orchid; margin: 0 auto; text-align: center;} </style></head><body> <div id='date'><p id='nowDate'></p><p id='day'></p> </div> <script type='text/javascript'>// 獲取標簽var nowDate = document.getElementById('nowDate');var day = document.getElementById('day');// 用定時器 更新時間的變化setInterval(nowNumTime,1000);nowNumTime();function nowNumTime(){ var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); var second = now.getSeconds(); var temp = ’’ + (hour>12 ? hour-12:hour); var year = now.getFullYear(); var month = now.getMonth(); var d = now.getDate(); var week = now.getDay(); console.log(week); //索引 var weeks = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六']; // console.log(temp); if (hour ===0){temp = ’12’; } temp = temp + (minute <10 ? ’:0’:':'+minute); temp = temp + (second <10 ? ’:0’:':'+second); temp = temp + (hour>=12 ? ’ P.M.’:’ A.M.’); temp = `${year}年${month}月$wyw2q2k日 ${temp}${weeks[week]}`; // console.log(temp); nowDate.innerHTML = temp;} </script></body></html>

實現效果圖:

JavaScript實現簡單日期特效

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 精品国产品香蕉在线观看75 | 香蕉黄色片 | 黄色成年人视频 | 亚洲无卡视频 | 精品一区二区三区在线视频观看 | 免费特级黄毛片 | 小明福利 | 国产一级大片免费看 | 精品国产污污免费网站 | 中国黄色免费网站 | 久久久久逼 | 国产成人ae在线观看网站站 | 国产精品v一区二区三区 | 欧美日韩国产深夜福利视频 | 亚洲成aⅴ人片在线观 | 国产r级| 综合久久一区二区三区 | 国产特黄一级一片免费 | 乱爱性全过程免费视频 | 婷婷色在线播放 | 黄色免费网址在线观看 | 国产成人香蕉在线视频fuz | 亚洲大胆视频 | 美国特黄特色的免费大片 | 国产精品反差婊在线观看 | 精品三级国产 | 欧美精品一二三区 | 草久免费视频 | 国产精品馆 | 小明永久2015xxx免费看视频 | 免费久久一级欧美特大黄 | 国产婷婷综合在线精品尤物 | 91视频8mav| 成人做爰全过程免费看视频 | 日本免费一区二区三区a区 日本内谢69xxxx免费播放 | 亚洲一区二区三区在线观看蜜桃 | 999zyz色资源站在线观看 | 久久www免费人成_看片高清 | 国产午夜精品久久久久九九 | 伊人久久大香线蕉精品哪里 | 久久免费福利 |