如何实时获取当前时间
如何实时获取当前时间
var date = new Date()date.getFullYear() //获取当前年份 2021年
date.getFullMonth() + 1 //获取当前月份,这里为何+1,因为它拿到的是上月的月份所以必须+1 8月
date.getDate() //获取- 今天是几号 3号
date.getDay() //获取- 当前是本月的第几周 周2
date.getTime() // 获取当前时间(从1970.1.1开始的毫秒数) `一般不会用到这个`
date.getHours() // 获取-当前小时 15时
date.getMinutes() //获取---当前分钟 21分
date.getSeconds() //获取-秒数 53秒
看懂这个,接下来直接看完整代码,里面对不足一些情况也做了处理:如
- 保证月、日都是两位,不够用0补
- 周几,得到的是阿拉伯数字,需转换为中文数字
- 保证小时、分钟、秒都是两位,不够用0补
getNowDate(){ //获取当前日期时间var date = new Date()var year = date.getFullYear() //年var month = date.getMonth() + 1 //月if(month < 10){ this.mon = '0' + month //mon需要在data中定义}else{this.mon = month}var daily = date.getDate() //日if(daily < 10){this.daiy = '0' + daily //daiy需要在data中定义}else{this.daiy = daily}var weeks = date.getDay() //周if(weeks === 1){this.week = '一' //week需要在data中定义}else if(weeks === 2){this.week = '二'}else if(weeks === 3){this.week = '三'}else if(weeks === 4){this.week = '四'}else if(weeks === 5){this.week = '五'}else if(weeks === 6){this.week = '六'}else if(weeks === 7){this.week = '日'}// var a = date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)var hours = date .getHours(); //获取当前小时数(0-23)if(hours < 10){this.hour = '0' + hours //hour需要在data中定义}else{this.hour = hours}var minutes = date .getMinutes(); //获取当前分钟数(0-59)if(minutes < 10){this.minute = '0' + minutes //minute需要在data中定义}else{this.minute = minutes}var seconds = date .getSeconds(); //获取当前秒数(0-59)if(seconds < 10){this.second = '0' + seconds //second需要在data中定义}else{this.second = seconds}// var e = date .getMilliseconds(); //获取当前毫秒数(0-999)// var f = date .toLocaleDateString(); //获取当前日期// var mytime = date .toLocaleTimeString(); //获取当前时间// var g = date .toLocaleString( ); //获取日期与时间this.date_d = year + '年' + this.mon + '月' + this.daiy + '日' //date_d需要在data中定义this.time = this.hour + ':' + this.minute + ':' + this.second + '' //time需要在data中定义this.wek = '周期'+ this.week //wek需要在data中定义},getTimeget(){ //没秒发次请求,该请求获取是本地,与后端无关,性能没有什么大的影响this.getNowDate()window.setInterval( ()=> {this.getNowDate()},1000 )}
如何实时获取当前时间相关推荐
- css3获取当前时间并显示,实时获取当前时间并展示在页面上
简介 实时获取当前时间并展示在页面上,是很多地方常用的:在页面中做此展示以便查看时间.本文使用js通过一个小的demo实现效果. 完整Code 实时展示当前时间 #time { width: 60%; ...
- HTML实时获取当前时间
HTML实时获取当前时间 <script type="text/javascript">function gettime() {var time=new Date(); ...
- 微信小程序实现时钟(实时获取当前时间)
最终效果展示图 这里的CSS样式是借鉴其他博客的,具体是哪一篇我忘了emmm 实现实时获取当前时间,并用上图所示的时钟展示出来,有两种思路. js获取当前时间,计算出时针.分针.秒针需要旋转的角度,再 ...
- Angular实现实时获取当前时间
html部分: <div class="navbar-left"><span class="username">{{today | da ...
- 客户端实时获取Oracle数据库服务器端的系统时间
最近参与了一个基于Oracle10g数据库的C/S项目,抽空整理了一些技术相关的资料,发上来供大家一起参考学习. 项目中用到这样一个功能:客户端实时获取Oracle数据库服务器端的系统时间. 该功能的 ...
- 学习使用微信小程序动态获取当前时间并实时跳动
学习使用微信小程序动态获取当前时间并实时跳动 1.修改util.js 2..js函数构造 3.wxml页面显示固定时间 1.修改util.js const formatTime = date => ...
- 实时获取当前的时区和时间的方法
直接上代码 new Date().getTimezoneOffset()/60 这个方法可以实时获取到当地的时区, 我在中国-8就东八区. 然后想在获取到当地的时间,把获取到的时区传给下面这个方法里面 ...
- js 实时显示服务器时间,js获取服务器实时时间
本文主要和大家分享js获取服务器实时时间,主要以代码的方法和大家分享,希望能帮助到大家. AJAX获取服务器时间 /* * ajax 函数,处理 ajax 请求 * @param function c ...
- Vue实现获取当前时间、日期并实时刷新
Vue实现获取当前时间.日期并实时刷 2022/3/3 10:40 星期四 <template><div>{{ nowDate }}</div> </temp ...
- vue实现获取当前日期时间并实时刷新
功能需求:获取当前系统时间,在页面上显示:年月日时分秒,并且实时刷新,和系统时间保持一致 第一步:在deta 里面声明变量 data() {return {nowDate:null, //存放年月日变 ...
最新文章
- [BI基础] ( 商务智能 ) 简介
- 既然选择了远方 便只顾风雨兼程
- 三个点拟合圆形的函数C#
- Nginx----原理
- Scala 与设计模式(六):Bridge 桥接模式
- Python-爬取我去图书馆座位编码
- 记一次服务器故障及解决办法
- 四种实时操作系统的分析比较
- WIN10 JDK + JCreator
- 自动驾驶仿真(一)—— 基于CarSim与Simulink的ABS系统仿真
- pandas抽样函数sample
- 浅谈Suffix Automaton(后缀自动机)
- 瞬间移动(c(n, m))
- ZZUOJ 公主与骑士 (BFS)
- 怎么保护PDF的文字不被复制?
- 迷宫问题的DFS和BFS解法
- loadrunner入门教程(17) --关联
- 银行提供了整数整存整取定期储蓄业务,其存期分为一年,两年,三年,五年,到期凭存单支取本息,编写一个程序,输入存入的本金数目,计算假设存一年,两年,三年,五年,到期取款时,银行应支付多少本息分别是多少
- 论文翻译:Semantics-Guided Neural Networks for Efficient Skeleton-Based Human Action Recognition
- chrome/chromium 上的内存管理模块-allocator介绍