android 获取当前时间_js如何获取当前时间并显示

js可以通过Date对象获取当前日期和时间,使用Date()获取系统当前时间,在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间,在使用innerHTM方法显示。

web前端学习:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)​zhuanlan.zhihu.com

本篇文章给大家介绍如何使用js来获取当前时间并显示,下面就开始介绍具体的内容,希望对你们有所帮助。

78314ceb455f7a428aea05df5dfeff15.png

首先我们来了解一下js获取当前时间所需的一些方法:

获取当前时间:

var d = new Date();//获取系统当前时间

获取特定格式的时间:

1、获取当前年份

getYear()方法:可以获取年份(2位或4位),其返回值是表示当前Date 对象的年份字段

说明:当年份介于 1900 与 1999 之间时,getYear() 方法返回仅有两位数字的值;当年份在1900 之前或 1999 之后时,则可能返回 4 位数字的值。例:

var d = new Date();
console.log(d.getYear());var born = new Date("1983");
console.log(born.getYear());

效果图:

3f9e7a80447febe41bdac1158fa8cb46.png

注:getYear()方法无法获取完整的年份,且在ECMAScript v3 开始,就被getFullYear() 方法取而代之,不怎么被使用了。

getFullYear() 方法:可以获取当前一个完整的年份(4位数字,1970-????)。例:

var d = new Date();
console.log(d.getFullYear());var born = new Date("1983");
console.log(born.getFullYear());

效果图:

3f10126ef2fc1c1b14009f5dc091137d.png

2、获取当前月份

getMonth():可以获取本地时间的月份。

注:getMonth()方法返回的值是从0(表示1月)开始,到11(表示12月)结束的一个整数,即0~11之间的一个整数;如果想要获取和当前时间相同的月份,可在getMonth()方法返回的值后加1。例:

var d=new Date();
console.log(d.getMonth());
console.log(d.getMonth()+1);

效果图:

580811db0e2461faec418dc1bb9c72be.png

3、获取当前天数

getDate() :可以返回一个月份的某一天,使用本地时间;返回值是 在1 ~ 31 之间的一个整数。例

var d = new Date();
console.log(d.getDate())var d = new Date(“July 21, 1983”);
console.log(d.getDate())

效果图:

ecf0e214ef64bd7dd7b53fcd712146ad.png

4、获取当前时间

  • getHours():获取小时数,返回的小时数值是从0到23之间的整数
    getMinutes():获取分钟数,返回的分钟数值是从0到59之间的整数
  • getSeconds():获取秒数,返回的秒数值是从0到59之间的整数

例:获取当前时间

var d = new Date();
var hour= d.getHours();//得到小时数
var minute= d.getMinutes();//得到分钟数
var second= d.getSeconds();//得到秒数

js获取当前时间并显示示例:

html+css代码

<style>.time span{display:inline-block;width:40px;height: 20px;}
</style><div class="time">当前时间:<br><br><span id="y"></span>年<span id="mo"></span>月<span id="d"></span>日<span id="h"></span>时<span id="m"></span>分<span id="s"></span>秒<span id="time1">1</span>//调用show()函数
</div>

js代码:

function show(){
var now = new Date();
var year = now.getFullYear(); //得到年份
var month = now.getMonth()+1;//得到月份
var date = now.getDate();//得到日期
// var day = now.getDay();//得到周几
var hour= now.getHours();//得到小时数
var minute= now.getMinutes();//得到分钟数
var second= now.getSeconds();//得到秒数document.getElementById("y").innerHTML=year;document.getElementById("mo").innerHTML=month;document.getElementById("s").innerHTML=date;
document.getElementById("h").innerHTML=hour;document.getElementById("m").innerHTML=minute;document.getElementById("s").innerHTML=second;
setTimeout(show,1000);//定时器一直调用show()函数
return "";
}

效果图:

2eda75a279fa017f0f31beb7336dba31.png

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是js如何获取当前时间并显示的详细内容,更多请关注我!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/559541.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css居中的几种方法_CSS布局中的水平居中的方法

在我们做网站的过程中&#xff0c;怎么都逃不掉居中这个话题&#xff0c;各种花里胡哨的&#xff0c;可能只需要掌握两三个就可以完成一个网页的布局了。今天就来介绍下水平居中有哪些方法。第一种&#xff0c;设置当前元素水平居中&#xff0c;元素为block时要让p元素水平居中…

如何唤醒计算机,待机后如何唤醒计算机?介绍睡眠待机的优势

当我们将鼠标拖到习惯的位置时&#xff0c;我们会发现计算机实际上包括三个选项&#xff1a;关机&#xff0c;重新启动和睡眠。睡眠意味着您暂时不需要使用计算机&#xff0c;但是在需要时&#xff0c;界面可以保持不变。但是很不知道睡觉后怎么醒&#xff1f;如果您无法成功唤…

apollo 配置中心_配置中心——Apollo小记

一、什么是配置配置是程序运行时&#xff0c;动态调整行为的能力。配置有以下属性&#xff1a;配置是独立于程序的只读变量同一份程序在不同的配置下才会有不同的行为&#xff0c;而且配置对于程序来说是只读的&#xff0c;所以程序可以通过读取配置来改变自己的行为&#xff0…

云南计算机专修学校附中,昆明高中哪家强? 师附中和昆一中高考尖子生最多...

原标题&#xff1a;昆明高中哪家强&#xff1f; 师附中和昆一中高考尖子生最多云南网讯(记者 念新洪)昆明高中哪家强&#xff1f;来从11月16日公示的“昆明市2015年高中教育质量考核结果”中找答案吧&#xff01;据悉&#xff0c;根据年初签订的责任书和目标考核规定&#xff0…

python在线编辑器import_maya_关于脚本编辑器导入python模块

import sys for p in sys.path: print p rigDir C:\Users\lenovo\Documents\maya\scripts\python\rigLib if not rigDir in sys.path: sys.path.append( rigDir ) from rigLib.base.control import * ArmCtl rigLib.base.control.Control(prefix 1_arm) 问题与解决方法 # Er…

css button 四种状态,css中按钮的四种状态

css中按钮有四种状态普通状态hover 鼠标悬停状态active 点击状态focus 取得焦点状态.btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框下面的例子中.btn1用focus按钮会按下&#xff0c;不弹起.btn2用active按钮点击按下&#xff0c;会弹起html&#xff1a;Save Sett…

html红色星号怎么做_码农的插花艺术:HTML(一)

这是笔者学习html的过程中的小小心得和体会&#xff0c;由于笔者也是前端初学者&#xff0c;能力有限难免出错&#xff0c;恳请各位读者看到有错误的地方多多包涵&#xff0c;也欢迎各位在评论区积极讨论。严格来讲html并不算一种“语言”。html的文档可以以txt的形式保存&…

scrapy没有运行结果_关于Scrapy爬虫项目运行和调试的小技巧(下篇)

前几天给大家分享了关于Scrapy爬虫项目运行和调试的小技巧上篇&#xff0c;没来得及上车的小伙伴可以戳超链接看一下。今天小编继续沿着上篇的思路往下延伸&#xff0c;给大家分享更为实用的Scrapy项目调试技巧。三、设置网站robots.txt规则为False一般的&#xff0c;我们在运用…

信佑无盘主服务器密码,(信佑无盘帮助手册.doc

(信佑无盘帮助手册1.无盘服务器配置&#xff1a;1.系统盘:1 块2.数据盘和内存最底配置: 内存:4G数据盘: 1块回写盘: 1,块150台以下&#xff1a;intel 3000-5000 芯片系列主板 或AMD平台&#xff0c;64位CPU8 -16G3块sas做读&#xff0c;3块sas做写&#xff0e;100台以下&#…

easyui datagrid oncheck 修改行样式_100 种 PPT 图表样式送给你

你好&#xff0c;这里是诺灰屋我是诺灰距离上一篇推文&#xff0c;已有近一个月的时间没有给大家写推送了。这期间&#xff0c;我一直在进行数据图表方面知识的网络调研。甚至于在知网上找了几篇论文来看&#xff0c;当然&#xff0c;内容很枯燥&#xff0c;不实用。同时&#…

学excel还是学python_已经会Excel了还需要学python吗?

作为一名现代职场人&#xff0c;相信Excel是我最熟悉不过的工具了。作为数据处理的日常办公软件&#xff0c;Excel以其优秀的数据分析处理功能&#xff0c;简单易用的操作成为大家的最爱。也许你不知道python是什么&#xff0c;但是一定知道Excel。 作为一名小白&#xff0c;我…

系统如何启动数据库服务器,怎么启动sql数据库服务器

怎么启动sql数据库服务器 内容精选换一换PostgreSQL支持逻辑备份。您可使用pg_dump逻辑备份功能&#xff0c;导出备份文件&#xff0c;再通过psql导入到RDS中&#xff0c;实现将PostgreSQL的数据导入到云数据库RDS中。云数据库RDS服务支持开启公网访问功能&#xff0c;通过弹性…

富士康服务器主板X58维修,富士康X58 Blood Rage主板BIOS预览

富士康X58主板Blood Rage在软硬件方面都已经设计完成&#xff0c;下边就来看看BIOS设定部分。通用条目这里暂且略过&#xff0c;只看看富士康独特的“Quantum BIOS”部分&#xff0c;有关系统各部件的条件以及超频都要在这儿完成。Quantum BIOS主界面&#xff1a;分为处理器功能…

python手动安装包_python pip如何手动安装二进制包

python中使用pip安装扩展包的时候&#xff0c;有时候会遇到如下类似报错&#xff1a; Running setup.py install for mysqlclient ... error ...(中间报错信息省略) building MySQLdb._mysql extension error: Microsoft Visual C 14.0 is required. Get it with "Build T…

amd cpu不能在cmd环境下运行java代码_00 开发环境搭建

我们来着手在本地计算机环境安装 TensorFlow 最新版框架。TensorFlow 框架支持多种常见的操作系统&#xff0c;如 Windows 10、Ubuntu 18.04、Mac OS 等等&#xff0c;同时也支持运行在 NVIDIA 显卡上的 GPU 版本和仅适用 CPU 完成计算的 CPU 版本。我们以最为常见 Windows 10 …

更新无限无线连接更新服务器,02-H3C WBC560多业务无线控制器软件升级操作指导...

本文中的绿洲平台指的是WBC560多业务无线控制器中的本地绿洲。1.1.1 软件升级方式简介AC支持通过命令行进行软件升级和通过Web页面进行软件升级&#xff0c;命令行升级方式只能通过以太网口telnet到AC进行升级&#xff0c;无法通过HDM进行升级。升级方式说明需要重启AC来实现A…

pythonista_Pythonista20190325伤不起

图片发自简书App print("You enter a dark room with two doors. Do you go through door #1 or door #2?") door input("> ") if door "1": print("Theres a giant bear here eating a cheese cake,What do you do?") print(&…

nfc卡模式与标准模式_渠道如何标准化管理,建立新的销售模式,提升业绩完成率...

请您关注&#xff0c;转发&#xff0c;点赞&#xff01;转化能力持续为您创作实用有效的营销工具&#xff0c;管理工具&#xff0c;计划表格&#xff0c;如何完成业绩方法&#xff0c;战略如何规划&#xff0c;如何总结和规划等实用文件&#xff0c;提高职场营销人的营销能力和…

计算机组成原理r型指令logisim实现_第一章 计算机体系结构

需要掌握的内容&#xff1a;存储程序计算机计算机系统的多级层级结构计算机体系结构计算机组成计算机实现计算机体系结构、组成与实现三者的关系存储程序计算机透明性Amdahl定律CPU 性能公式程序局部性原理计算机性能的若干定义计算机体系结构分类计算机体系结构的发展影响计算…

智力问答选择题_经典智力问答题汇总

经典智力问答题汇总1、什么动物最没有方向感&#xff1f;答案&#xff1a;麋鹿(迷路)2、什么动物猜拳永远不会有输赢&#xff1f;答案&#xff1a;螃蟹3、什么动物最容易摔倒&#xff1f;答案&#xff1a;狡猾的狐狸(脚滑)4、什么鸡没有翅膀&#xff1f;答案&#xff1a;田鸡5、…