快捷導(dǎo)航

JS實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題欄顯示當(dāng)前時(shí)間和日期的完整代碼

更新時(shí)間：2015年11月02日 09:48:32 作者：企鵝

這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題欄顯示當(dāng)前時(shí)間和日期的方法,涉及JavaScript日期時(shí)間函數(shù)及網(wǎng)頁(yè)標(biāo)題欄操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)題欄顯示當(dāng)前時(shí)間和日期的完整代碼。分享給大家供大家參考，具體如下：

本效果實(shí)現(xiàn)在網(wǎng)頁(yè)的標(biāo)題欄最前端顯示當(dāng)前的時(shí)間和日期，還可以顯示星期幾，JS代碼，不過(guò)代碼在兼容性方面好像有些問題，如果是IE的話則正常顯示，其它瀏覽器則看不到效果。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-title-show-date-time-codes/

具體代碼如下：

<html>
<head>
<title>網(wǎng)頁(yè)標(biāo)題欄顯示當(dāng)前時(shí)間和日期的代碼</title>
<script language="JavaScript1.2">
<!--hide
//定義月份的描述
var isnMonth = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
//定義星期的描述
var isnDay = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
//取得當(dāng)前日期
today = new Date () ;
Year=today.getYear(); //取得日期的年份部分
Date=today.getDate(); //取得星期部分
//定義需要顯示的字符串
titlestr="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
if (document.all) //檢測(cè)瀏覽器兼容性，如果是IE則可以顯示
document.title=titlestr //改變標(biāo)題，顯示日期。
//--hide-->
</script>
</head>
<body>
<b>請(qǐng)注意上面標(biāo)題欄的時(shí)間</b>
</body>
</html>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript截取字符串的2個(gè)函數(shù)介紹
這篇文章主要介紹了JavaScript截取字符串的2個(gè)函數(shù)介紹,它們分別是substring和substr函數(shù),本文用實(shí)例講解了它們的用法,需要的朋友可以參考下
2014-08-08
element-plus默認(rèn)菜單打開步驟
在 Vue 3 中使用 Element Plus 的 <el-menu> 組件時(shí),默認(rèn)情況下菜單項(xiàng)是關(guān)閉狀態(tài)的,如果你想讓某個(gè)菜單項(xiàng)默認(rèn)處于展開狀態(tài),你可以通過(guò)設(shè)置菜單項(xiàng)的 default-active 屬性來(lái)實(shí)現(xiàn),這篇文章主要介紹了element-plus默認(rèn)菜單打開,需要的朋友可以參考下
2024-08-08
js圖片輪播插件的封裝
這篇文章主要為大家詳細(xì)介紹了js圖片輪播插件的封裝代碼，只需要獲取到圖片和按鈕，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
JavaScript常用的返回，自動(dòng)跳轉(zhuǎn)，刷新，關(guān)閉語(yǔ)句匯總
這篇文章主要介紹了JavaScript常用的返回，自動(dòng)跳轉(zhuǎn)，刷新，關(guān)閉語(yǔ)句,實(shí)例匯總了常用的javascript技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-01-01
javascript 響應(yīng)鍵盤特定按鍵(只響應(yīng)數(shù)字鍵)
響應(yīng)鍵盤特定按鍵(只響應(yīng)數(shù)字鍵),大家可以看看思路。
2009-03-03
jsp+javascript打造級(jí)連菜單的實(shí)例代碼
jsp+javascript打造級(jí)連菜單的實(shí)例代碼，需要的朋友可以參考一下
2013-06-06
小程序綁定用戶方案優(yōu)化小結(jié)
這篇文章主要介紹了小程序綁定用戶方案優(yōu)化小結(jié)，該類小程序在使用之前就需要綁定用戶信息。常見于線下門店類功能性小程序。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
才發(fā)現(xiàn)的超鏈接js導(dǎo)致網(wǎng)頁(yè)中GIF動(dòng)畫停止的解決方法
才發(fā)現(xiàn)的超鏈接js導(dǎo)致網(wǎng)頁(yè)中GIF動(dòng)畫停止的解決方法...
2007-11-11
JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果示例
這篇文章主要介紹了JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果,結(jié)合實(shí)例形式分析了javascript與css3響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)圖片放大效果相關(guān)操作技巧,需要的朋友可以參考下
2018-05-05
一款好用的移動(dòng)端滾動(dòng)插件BetterScroll
BetterScroll 是一款重點(diǎn)解決移動(dòng)端各種滾動(dòng)場(chǎng)景需求的開源插件，用于滾動(dòng)列表、選擇器、輪播圖、索引列表、開屏引導(dǎo)等應(yīng)用場(chǎng)景，感興趣的一起來(lái)了解一下
2021-09-09