av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

JavaScript實現簡單日期特效

瀏覽:40日期: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}月$0gym22g6m8ya日 ${temp}${weeks[week]}`; // console.log(temp); nowDate.innerHTML = temp;} </script></body></html>

實現效果圖:

JavaScript實現簡單日期特效

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 毛片一区二区三区 | 免费在线观看一级毛片 | 日韩在线免费播放 | 精品视频一区二区三区四区 | 欧美国产中文字幕 | 久久精品一区二区 | 99精品在线 | 欧美一区在线看 | 羞羞视频免费在线 | 中文字幕一区二区三区乱码在线 | 国产一区二区三区久久久久久久久 | 黄色大全免费看 | 欧美一区二区三区在线观看视频 | 在线视频国产一区 | 欧美日韩国产不卡 | 午夜av在线| 午夜播放器在线观看 | 国产精品1区2区 | 四虎国产 | 久久久精品网站 | 日日干日日色 | 亚洲一区在线日韩在线深爱 | 亚洲精品久久久久久国产精华液 | 亚州一区二区三区 | 亚洲区一区二 | 国产欧美日韩在线观看 | 久久机热 | 成人在线免费网站 | 日本不卡一区二区三区在线观看 | 中国一级大黄大片 | 日本精品一区二区三区四区 | www.天天操.com| 91精品国产综合久久婷婷香蕉 | 亚洲视频区 | 免费黄色片在线观看 | h片在线免费看 | 精品国产精品一区二区夜夜嗨 | 午夜精品91 | 国产午夜精品久久 | 涩爱av一区二区三区 | 国产av毛片|