特殊日期提示功能的實現(xiàn)方法
1.概述
在設(shè)計開發(fā)網(wǎng)站時，可以在頁面中加入顯示系統(tǒng)日期的功能，如果在顯示系統(tǒng)日期的同時能夠顯示相應(yīng)的節(jié)日，可以給網(wǎng)站瀏覽者提供幫助。
2.技術(shù)要點
實現(xiàn)特殊日期提示的功能，大致可分為以下幾個步驟：
（1）創(chuàng)建Date()對象的實例，使用getYear()、getMonth()，getDate()、getDay()方法獲取當(dāng)前系統(tǒng)時間中有關(guān)年、月、日、星期的數(shù)據(jù)信息。
（2）使用getMonth()方法獲取的月信息是從0開始計數(shù)的，所以要將月份對應(yīng)的數(shù)據(jù)自動加1。
（3）使用getDay()方法獲取的星期信息是數(shù)值型數(shù)據(jù)，需要使用數(shù)據(jù)對象Array將其轉(zhuǎn)換為對應(yīng)的文字信息。
（4）根據(jù)獲取的月份和日判斷顯示的節(jié)日名稱。
（5）將所有的數(shù)據(jù)組合并輸出到瀏覽器上，需要使用<div>標記的innerHTML方法實現(xiàn)。
3.具體實現(xiàn)代碼
（1）應(yīng)用JavaScript編寫特殊日期提示的函數(shù)datePrompt()，用于指定顯示該特殊日期的<div>標記。提示特殊日期的自定義函數(shù)的代碼如下：
<SCRIPT language="javascript">
<!--
function datePrompt(){
calendar = new Date(); //獲取日期對象
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>國際勞動節(jié)";
if ((month == 5) && (date == 4)) holiday="<font color=red>青年節(jié)";
if ((month == 6) && (date == 1)) holiday="<font color=red>國際兒童節(jié)";
if ((month == 7) && (date == 1)) holiday="<font color=red>建黨紀念日";
if ((month == 8) && (date == 1)) holiday="<font color=red>建軍節(jié)";
if ((month == 10) && (date == 1)) holiday="<font color=red>國慶節(jié)";
if ((month == 12) && (date == 25)) holiday="<font color=red>圣誕節(jié)";
time=time+holiday;
clock.innerHTML=time; //顯示系統(tǒng)日期，并進行特殊日期提示
}
//-->
</SCRIPT>
（2）在需要實時顯示特殊日期時間的頁面中<body>標記的onLoad事件中，調(diào)用剛剛編寫的datePrompt()函數(shù)，并在該頁面中適當(dāng)?shù)奈恢眉尤?lt;div>標記，通過以下代碼來調(diào)用自定義函數(shù)，關(guān)鍵代碼如下：
<body onLoad="datePrompt()"> <td width="219" height="27" align="center" background="images/1.JPG"><div id="clock"> </div></td>
以上所述是小編給大家介紹的特殊日期提示功能的實現(xiàn)方法的相關(guān)知識，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JS實現(xiàn)為動態(tài)創(chuàng)建的元素添加事件操作示例
這篇文章主要介紹了JS實現(xiàn)為動態(tài)創(chuàng)建的元素添加事件操作,涉及javascript頁面元素動態(tài)添加及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
JavaScript用構(gòu)造函數(shù)如何獲取變量的類型名
在JavaScript中,如何準確獲取變量的類型名是一個經(jīng)常使用的問題。但是常常不能獲取到變量的精確名稱,或者必須使用jQuery 中的方法,這里通過 typeof ,jQuery.type 和 通過構(gòu)造函數(shù)來獲取變量類型這三種方法詳細介紹一遍。有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12
我看到過很多人不愿意去正視ajax所存在的技術(shù)瓶頸，其實AJAX更應(yīng)該是Ajax而不是AJAX，突出第一個A是想強調(diào)其實AJAX發(fā)揚的是一種異步傳輸?shù)姆椒?，而不是具體到底使用了哪種技術(shù)2013-11-11
網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。重點給大家介紹下rem.有需要的小伙伴可以參考下。2015-05-05
眾所周知在TypeScript中定義變量需要指定標識符的類型,下面這篇文章主要給大家介紹了關(guān)于TypeScript中class類型的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
JavaScript面向?qū)ο蟪绦蛟O(shè)計創(chuàng)建對象的方法分析
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O(shè)計創(chuàng)建對象的方法,結(jié)合實例形式分析了javascript使用object構(gòu)造函數(shù)和對象字面量來創(chuàng)建對象的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JS實現(xiàn)網(wǎng)站菜單拖拽移位效果的方法,涉及JavaScript動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了手機瀏覽器喚起微信分享功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
傳統(tǒng)的javascript中只有對象,沒有類的概念,下面這篇文章主要給大家介紹了關(guān)于ES6?class類實現(xiàn)繼承的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
這篇文章全面解析了Bootstrap排版使用方法，本文重點介紹Bootstrap排版中的文字樣式設(shè)置，感興趣的小伙伴們可以參考一下2015-11-11