zoukankan      html  css  js  c++  java
  • 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%的精神,帮助别人得到他想要的,你就能得到你想要的! ♪

  • 相关阅读:
    什么是RAID?RAID有什么用?RAID原理
    Java和PHP哪个方向更有前途?
    Sublime Text 3 Build 3047 32bit/64bit 简体中文安装破解版
    学习笔记之--java EE 环境的搭建
    学习笔记之--Navicat Premium创建数据表
    学习笔记之--MySQL图形界面软件Navicat Premium的安装
    #Javascript:this用法整理
    js解决通过json传来的timestamp类型时间的显示问题
    Eclipse快捷键大全
    形参与实参的区别
  • 原文地址:https://www.cnblogs.com/intcry/p/2094386.html
Copyright © 2011-2022 走看看