javascript中如何获取当前时间

javascript中,可以使用Date对象中的Date()方法来获取当前时间,该方法可返回当天的日期和时间;也可以使用“new Date()”创建一个时间对象,利用内置的时间读取方法,分别获取年、月、日、时、分、秒等信息。

javascript中如何获取当前时间

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中可以使用Date对象中的Date()方法来获取当前时间。Date() 方法可返回当天的日期和时间。

Date()

登录后复制

示例:输出今天的日期和时间

console.log(Date())

登录后复制

输出:

立即学习“Java免费学习笔记(深入)”;

1.png

或者使用Date对象中不同方法,格式化时间,以固定格式显示时间。

首先使用 new Date() 创建一个现在时间对象,然后使用 get 为前缀时间读取方法,分别获取现在时的年、月、日、时、分、秒等信息,最后通过定时器设置每秒执行一次,实现实时更新。

【操作步骤】

1) 设计时间显示函数,在这个函数中先创建 Date 对象,获取当前时间,然后分别获取年份、月份、日份、时、分、秒等信息,最后组装成一个时间字符串并返回。

var showtime = function () {    var nowdate = new Date();    var year = nowdate.getFullYear(),        month = nowdate.getMonth() + 1,        date = nowdate.getDate(),        day = nowdate.getDay(),        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],        h = nowdate.getHours(),        m = nowdate.getMinutes(),        s = nowdate.getSeconds(),        h = checkTime(h),        m = checkTime(m),        s = checkTime(s);    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;}

登录后复制

2) 因为平时看到的时间格式一般是 00:00:01,而 getHours()、getMinutes()、getSeconds() 方法得到格式是 0 到 9,而不是 00 到 09 这样的格式。所以在从 9 变成 10的过程中,从一位数变成两位数,同样再从 59秒变为 0 秒,或者 59 分变为 0 分,或者 23 时变为 0 时。例如:23:59:59 的下一秒应该为 00:00:00 ,实际为 0:0:0,这样格式上就不统一,在视觉上也是数字突然增加,或突然减少,产生一种晃动的感觉。

下面定义一个辅助函数,把一位数字的时间改为两位数字显示。

var checkTime = function (i) {    if (i 

3) 在页面中添加一个标签,设置 id 的值。

登录后复制

4) 为标签绑定定时器,在定时器中设置每秒钟调用一次时间显示函数。

var div = document.getElementById("showtime");setInterval (function() {    div.innerHTML = showtime();}, 1000);  //反复执行函数

登录后复制

显示结果如下:

2.png

【相关推荐:javascript学习教程

以上就是javascript中如何获取当前时间的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2711000.html

(0)
上一篇 2025年3月7日 20:58:57
下一篇 2025年3月6日 22:20:55

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 在JavaScript中var有啥缺陷

    JavaScript中var存在的缺陷:1、var定义的变量没有块作用域;2、var定义的全局变量会自动添加全局window对象的属性;3、var定义的变量会提前装载。 本教程操作环境:windows7系统、javascript1.8.5版…

    2025年3月7日 编程技术
    200
  • javascript创建对象的方法有哪些

    创建方法:1、使用“var 对象名={属性名1:值1,属性名2:值2,…};”语句;2、使用“var 对象名 = new 构造函数名(args);”语句;3、使用“Object.create(原型对象,descriptors)”…

    2025年3月7日
    200
  • ie javascript 不能用怎么办

    ie javascript不能用的解决办法:1、打开IE6安全里自定义级别,确认脚本下的活动脚本已设置启用;2、清除掉“使用第三方浏览器扩展”;3、注册dll文件;4、设置“弹出窗口阻止程序”。 本文操作环境:windows7系统、java…

    2025年3月7日
    200
  • javascript怎么设置表单只读

    javascript设置表单只读的方法:1、通过“onfocus=this.blur()”方法设置;2、通过readonly实现;3、通过disabled设置。 本文操作环境:windows7系统、javascript1.8.5版、Dell…

    2025年3月7日
    200
  • javascript使用什么标签实现

    javascript使用标签实现的;和标签会告诉JavaScript在何处开始和结束;浏览器会解释并执行位于和之间的JavaScript代码。 本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。 ja…

    2025年3月7日
    200
  • javascript居中怎么表示

    javascript居中的实现方法:首先获取浏览器窗口;然后获取main的div元素;接着通过窗口宽高和div宽高计算位置;最后获取mcontent的div元素即可。 本文操作环境:windows7系统、javascript1.8.5版、D…

    2025年3月7日
    200
  • 360如何打开javascript

    360打开javascript的方法:1、点击360浏览器的菜单选项,选择其中“工具”-“Internet选项”;2、在Internet属性中进入“安全”选项;3、在安全设置中启用java小程序脚本即可。 本文操作环境:windows7系统…

    2025年3月7日 编程技术
    200
  • javascript怎么将字符串转int

    javascript将字符串转int的方法:首先创建一个代码示例文件;然后通过“var s = “32” var i = new Number(s) parseInt()”方式将string变成int即可。 本文操作…

    2025年3月7日
    200
  • javascript怎么设置按钮属性

    javascript设置按钮属性的方法:1、在js中通过disabled设置按钮可点击与不可点击;2、通过attr设置按钮是否点击;3、在标签中添加属性“disabled=”true””。 本文操作环境:window…

    2025年3月7日
    200
  • javascript未知错误怎么查

    javascript未知错误的查找方法:首先运行javascript页面;然后点击浏览器的设置图标,并在“更多工具”里找到“开发者工具”;最后打开工具,刷新页面,即可在控制台上看到错误信息。 本文操作环境:windows7系统、Google…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论