Javascript无刷新获取当前时间

在项目中需要无刷新更新时间,并且TooTip中显示年月日星期,网上搜集了很多方法,总结一下,以备下次之需。

 <script language="javascript" type="text/javascript">
        function ShowTime() {
            document.getElementById("time").innerHTML = new Date().toLocaleTimeString(); //获取当前系统时间
            setTimeout("ShowTime()", 1000);//设置定时刷新 一秒更新一次
        }
        function DateDemo() {
            var d, day = "";  //声明变量
            d = new Date(); //创建Date对象
            var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
            day += d.getFullYear() + "年";     //获取年份
            day += (d.getMonth() + 1) + "月"; //获取月份
            day += d.getDate() + "日";        //获取日
            day += week[d.getDay()];
            document.getElementById("time").title = day;
        }
        ShowTime(); DateDemo();
    </script>

 <span id="time"></span>
这里在<span>中显示当前时间,鼠标移上,显示当前年月日星期。类似Windows系统下面的时间。

JS 取得当前时间日期: 我们也可以自己组合显示格式

var date = new Date();
date.getYear(); //获取当前年份(2位)
date.getFullYear(); //获取完整的年份(4位,1970-????)
date.getMonth(); //获取当前月份(0-11,0代表1月)
date.getDate(); //获取当前日(1-31)
date.getDay(); //获取当前星期X(0-6,0代表星期天)
date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
date.getHours(); //获取当前小时数(0-23)
date.getMinutes(); //获取当前分钟数(0-59)
date.getSeconds(); //获取当前秒数(0-59)
date.getMilliseconds(); //获取当前毫秒数(0-999)
date.toLocaleDateString(); //获取当前日期
var time=date.toLocaleTimeString(); //获取当前时间
date.toLocaleString( ); //获取日期与时间

作者:Crazy Ma
出处:http://www.cnblogs.com/intcry
♪:30%的技术+70%的精神,帮助别人得到他想要的,你就能得到你想要的! ♪

原文地址:https://www.cnblogs.com/intcry/p/2094386.html