JS实现网页标题栏显示当前时间和日期的完整代码

本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考，具体如下：

本效果实现在网页的标题栏最前端显示当前的时间和日期，还可以显示星期几，JS代码，不过代码在兼容性方面好像有些问题，如果是IE的话则正常显示，其它浏览器则看不到效果。

运行效果截图如下：

在线演示地址如下：

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

具体代码如下：

<html>
<head>
<title>网页标题栏显示当前时间和日期的代码</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("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
//取得当前日期
today = new Date () ;
Year=today.getYear(); //取得日期的年份部分
Date=today.getDate(); //取得星期部分
//定义需要显示的字符串
titlestr="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
if (document.all) //检测浏览器兼容性，如果是IE则可以显示
document.title=titlestr //改变标题，显示日期。
//--hide-->
</script>
</head>
<body>
<b>请注意上面标题栏的时间</b>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • 基于javascript显示当前时间以及倒计时功能

    自我练习,顺便分享给大家的一段js原生代码. Date 对象用于处理日期和时间. Date()  返回当日的日期和时间. getDate()  从 Date 对象返回一个月中的某一天 (1 ~ 31). getDay()  从 Date 对象返回一周中的某一天 (0 ~ 6). getMonth()  从 Date 对象返回月份 (0 ~ 11). getFullYear()  从 Date 对象以四位数字返回年份. getYear()  请使用 getFullYear() 方法代替. getH

  • JavaScript将当前时间转换成UTC标准时间的方法

    本文实例讲述了JavaScript将当前时间转换成UTC标准时间的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript将当前时间转换成UTC标准时间,北京在东八区,在北京时间基础上减掉8小时 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to display the UTC date and time as a string. </p>

  • JavaScript比较当前时间是否在指定时间段内的方法

    本文实例讲述了JavaScript比较当前时间是否在指定时间段内的方法.分享给大家供大家参考,具体如下: function checkTime(stime, etime) { //开始时间 var arrs = stime.split("-"); var startTime = new Date(arrs[0], arrs[1], arrs[2]); var startTimes = startTime.getTime(); //结束时间 var arre = etime.split(

  • JS简单获取及显示当前时间的方法

    本文实例讲述了JS简单获取及显示当前时间的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前时间</

  • js实现获取当前时间是本月第几周的方法

    本文实例讲述了js实现获取当前时间是本月第几周的方法.分享给大家供大家参考.具体如下: <script language="javascript"> var getMonthWeek = function (a, b, c) { /* a = d = 当前日期 b = 6 - w = 当前周的还有几天过完(不算今天) a + b 的和在除以7 就是当天是当前月份的第几周 */ var date = new Date(a, parseInt(b) - 1, c), w = d

  • JavaScript简单获取系统当前时间完整示例

    JavaScript简单获取系统当前时间完整示例

    本文实例讲述了JavaScript简单获取系统当前时间的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  • js设置cookie过期当前时间减去一秒相当于立即过期

    function ClearCookie() { var expires = new Date(); expires.setTime(expires.getTime() - 1000); //当前时间减去一秒,相当于立即过期(可以增减) document.cookie = "appCode='222''';path=/;expires=" + expires.toGMTString() + ""; //expires是对应过期时间的设置,不设这个值,cookie默认

  • js获取当前时间显示在页面上并每秒刷新

    方法很简单,代码也很简洁,直接奉上代码吧 复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js获取当前时间显示在页面上</title> <script> window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(f

  • js实时获取并显示当前时间的方法

    本文实例讲述了js实时获取并显示当前时间的方法.分享给大家供大家参考.具体实现方法如下: js部分如下: <script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序计时的月从0开始取值后+1 var

  • JS动态加载当前时间的方法

    本文实例讲述了JS动态加载当前时间的方法.分享给大家供大家参考.具体实现方法如下: <body bgcolor="#fef4d9" onload ="time()"> <script language="JavaScript"> function time () { var now = new Date(); var yr = now.getYear(); var mName = now.getMonth() + 1; v

  • Javascript获取当前时间函数和时间操作小结

    Javascript获取当前时间函数和时间操作小结

    在项目需要一个计时器,效果如下: js代码: 复制代码 代码如下: /*获取当前时间*/     function getCurrentDate()     {       var timeStr = '';       var curDate = new Date();       var curMonth = curDate.getMonth()+1;  //获取当前月份(0-11,0代表1月)       var curDay = curDate.getDate();       //获取

随机推荐