特殊日期提示功能的實(shí)現(xiàn)方法
1.概述
在設(shè)計(jì)開發(fā)網(wǎng)站時(shí)，可以在頁(yè)面中加入顯示系統(tǒng)日期的功能，如果在顯示系統(tǒng)日期的同時(shí)能夠顯示相應(yīng)的節(jié)日，可以給網(wǎng)站瀏覽者提供幫助。
2.技術(shù)要點(diǎn)
實(shí)現(xiàn)特殊日期提示的功能，大致可分為以下幾個(gè)步驟：
（1）創(chuàng)建Date()對(duì)象的實(shí)例，使用getYear()、getMonth()，getDate()、getDay()方法獲取當(dāng)前系統(tǒng)時(shí)間中有關(guān)年、月、日、星期的數(shù)據(jù)信息。
（2）使用getMonth()方法獲取的月信息是從0開始計(jì)數(shù)的，所以要將月份對(duì)應(yīng)的數(shù)據(jù)自動(dòng)加1。
（3）使用getDay()方法獲取的星期信息是數(shù)值型數(shù)據(jù)，需要使用數(shù)據(jù)對(duì)象Array將其轉(zhuǎn)換為對(duì)應(yīng)的文字信息。
（4）根據(jù)獲取的月份和日判斷顯示的節(jié)日名稱。
（5）將所有的數(shù)據(jù)組合并輸出到瀏覽器上，需要使用<div>標(biāo)記的innerHTML方法實(shí)現(xiàn)。
3.具體實(shí)現(xiàn)代碼
（1）應(yīng)用JavaScript編寫特殊日期提示的函數(shù)datePrompt()，用于指定顯示該特殊日期的<div>標(biāo)記。提示特殊日期的自定義函數(shù)的代碼如下：
<SCRIPT language="javascript">
<!--
function datePrompt(){
calendar = new Date(); //獲取日期對(duì)象
day = calendar.getDay();
month = calendar.getMonth()+1; //獲取月
date = calendar.getDate(); //獲取日
year = calendar.getFullYear(); //獲取4位的年
var dayname = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var time=year +"年"+month+"月"+date + "日 "+dayname[day]+" "; //組合日期
var holiday="";
if ((month == 1) && (date == 1)) holiday="<font color=red>元旦";
if ((month == 5) && (date == 1)) holiday="<font color=red>國(guó)際勞動(dòng)節(jié)";
if ((month == 5) && (date == 4)) holiday="<font color=red>青年節(jié)";
if ((month == 6) && (date == 1)) holiday="<font color=red>國(guó)際兒童節(jié)";
if ((month == 7) && (date == 1)) holiday="<font color=red>建黨紀(jì)念日";
if ((month == 8) && (date == 1)) holiday="<font color=red>建軍節(jié)";
if ((month == 10) && (date == 1)) holiday="<font color=red>國(guó)慶節(jié)";
if ((month == 12) && (date == 25)) holiday="<font color=red>圣誕節(jié)";
time=time+holiday;
clock.innerHTML=time; //顯示系統(tǒng)日期，并進(jìn)行特殊日期提示
}
//-->
</SCRIPT>
（2）在需要實(shí)時(shí)顯示特殊日期時(shí)間的頁(yè)面中<body>標(biāo)記的onLoad事件中，調(diào)用剛剛編寫的datePrompt()函數(shù)，并在該頁(yè)面中適當(dāng)?shù)奈恢眉尤?lt;div>標(biāo)記，通過(guò)以下代碼來(lái)調(diào)用自定義函數(shù)，關(guān)鍵代碼如下：
<body onLoad="datePrompt()"> <td width="219" height="27" align="center" background="images/1.JPG"><div id="clock"> </div></td>
以上所述是小編給大家介紹的特殊日期提示功能的實(shí)現(xiàn)方法的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JS 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法
下面小編就為大家?guī)?lái)一篇JS 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
利用Javascript裁剪圖片并存儲(chǔ)的簡(jiǎn)單實(shí)現(xiàn)
裁剪圖片對(duì)我們來(lái)說(shuō)是再熟悉不過(guò)的了，最近工作中就又遇到了這個(gè)需求，所以想著干脆整理下來(lái)，方法大家和自己在需要的時(shí)候參考學(xué)習(xí)，所以這篇文章主要介紹了利用Javascript裁剪圖片并存儲(chǔ)的簡(jiǎn)單實(shí)現(xiàn)，后端PHP處理我用的是THINKPHP框架，需要的朋友可以參考下。2017-03-03
js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼
這篇文章主要介紹了js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-12-12
微信小程序項(xiàng)目總結(jié)之點(diǎn)贊 刪除列表 分享功能
這篇文章主要介紹了微信小程序項(xiàng)目總結(jié)之點(diǎn)贊 刪除列表 分享功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06
ASP中進(jìn)行HTML數(shù)據(jù)及JS數(shù)據(jù)編碼函數(shù)
在有些時(shí)候我們無(wú)法控制亂碼的出現(xiàn), 比如發(fā)送郵件的時(shí)候有些郵件顯示亂碼, 比如Ajax返回?cái)?shù)據(jù)總是亂碼. 怎么辦?2009-11-11
最全正則表達(dá)式總結(jié)：驗(yàn)證QQ號(hào)、手機(jī)號(hào)、Email、中文、郵編、身份證、IP地址等
這篇文章主要介紹了最全正則表達(dá)式：驗(yàn)證QQ號(hào)、手機(jī)號(hào)、Email、中文、郵編、身份證、IP地址等，通過(guò)語(yǔ)法介紹作用表達(dá)式等詳細(xì)解釋了正則表達(dá)式的使用，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
bootstrap table實(shí)現(xiàn)x-editable的行單元格編輯及解決數(shù)據(jù)Empty和支持多樣式問(wèn)題
本文著重解決x-editable編輯的數(shù)據(jù)動(dòng)態(tài)添加和顯示數(shù)據(jù)為Empty的問(wèn)題，還有給表格單元格的內(nèi)容設(shè)置多樣式，使得顯示多樣化,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了swipe使用及豎屏頁(yè)面滾動(dòng)方法，本文通過(guò)實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下2018-06-06
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)JavaScript+canvas實(shí)現(xiàn)繪制流星雨效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-10-10
uni-app中實(shí)現(xiàn)元素拖動(dòng)效果
這篇文章主要介紹了uni-app中實(shí)現(xiàn)元素拖動(dòng)效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01