js获取本地时间并展示在页面上:请看代码

    <div class="curentTime" id="date"><div class="hour">{{curTime.hour}}</div><div class="point">:</div><div class="minute">{{curTime.minute}}</div><div class="point">:</div><div class="second">{{curTime.second}}</div></div><style lang="scss>
.curentTime{width:200px;display: flex;justify-content: space-around;align-items: center;position: absolute;top: 550px;left: 50%;transform: translateX(-50%);.point{height:40px;line-height: 40px;color: #fff;font-size:35px;}.hour,.minute,.second{width:40px;height: 40px;color: #fff;line-height: 40px;font-size:28px;font-weight: 500;border-radius:8px;text-align: center;background:transparent;border: 2px solid #fff;}.second{margin-left: 0;}}
</style>
<script>// 获取在线时间getDateNow(){let _this=thisthis.timer=setInterval(function() {let d = new Date()let hour = d.getHours()let minute = d.getMinutes()let second = d.getSeconds()_this.curTime.hour=_this.formateTime(hour)_this.curTime.minute=_this.formateTime(minute)_this.curTime.second=_this.formateTime(second)// document.getElementById('date').innerHTML=_this.get10(hour) + ":" + _this.get10(minute) +':'+ _this.get10(second)}, 100)},
</script>

js获取在线时间并展示,精确到秒相关推荐

  1. js 获取当天时间,实现展示包含今天的一周时间的方法

    js 获取当天时间,实现展示包含今天的一周时间 封装获得第n天的时间数据 循环得到未来n天的时间数据 最近写了一个关于需要时间预约的项目,记录一下如何 实现未来一周数据的处理,时间的展示 封装获得第n ...

  2. css3获取当前时间并显示,实时获取当前时间并展示在页面上

    简介 实时获取当前时间并展示在页面上,是很多地方常用的:在页面中做此展示以便查看时间.本文使用js通过一个小的demo实现效果. 完整Code 实时展示当前时间 #time { width: 60%; ...

  3. js获取当前时间显示在页面上

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. JS获取当前日期时间并定时刷新

    JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014 ...

  5. js获取当前时间(昨天、今天、明天)

    js获取当前时间(昨天.今天.明天) //昨天的时间var day1 = new Date();day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);v ...

  6. Js获取当前日期时间及其它操作(转)

    Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear(); ...

  7. js获取当前日期时间和其他操作

    Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear(); ...

  8. js网站服务器时间,js获取本地时间、服务器时间、记时

    js获取本地时间.服务器时间.倒计时 untitled get=function (id){return document.getElementById(id)} if(document.all){ ...

  9. js获取当前时间的前一天/后一天 ,前一月/后一月

    js获取当前时间的前一天/后一天 Date curDate = new Date(); var preDate = new Date(curDate.getTime() - 24*60*60*1000 ...

最新文章

  1. 解决Ext JS 4.1版本Tree在刷新时选择第一行的问题
  2. SGU 113 Nearly prime numbers
  3. #tomcat#生成的jsp转换问题
  4. C#基础回顾:GridView全选演示
  5. 你可能不知道的 docker 命令的奇淫怪巧
  6. Linux无线网络设置(wpa_supplicant的使用)
  7. SWT folder ‘..\framework\x86_64‘ does not exist. Please set ANDROID_SWT to point to the folder conta
  8. C++并发中的条件变量 std::condition_variable
  9. 软件究竟是如何传播的?
  10. 自己常用的分页SQL
  11. SVN打开HTML文件,tortoisesvn安装后怎么打开
  12. Android冒险之旅-13-ListView的使用与优化
  13. 百脑汇 Ghost_XP_SP3 电子城国庆版 2012.10
  14. GitLab CI Pipeline
  15. 新手怎样选择适合的3D打印机
  16. 中午不知道吃啥子?今天来写一个随机菜谱
  17. 跑步消耗的能量按跑步距离算,对于平地跑步,热量计算的大致公式为:消耗热量(卡路里)=体重(公斤)*距离(公里),卡路里是能量单位,其定义为在1个大气压下,将1克水提升1摄氏度所需要的热量
  18. 微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现
  19. 红米如何查看手机android版本号,#MIUI#关于红米手机4高配版 Android版本适配的说明【miui9吧】_百度贴吧...
  20. iOS Principle:CGAffineTransform

热门文章

  1. codemirror 简单使用
  2. android异常Unable to instantiate activity ComponentInfo解决方法
  3. 【机器学习】笔记内容002:贝叶斯算法(理论+实战)
  4. pytorch实现梯度反转层(Gradient Reversal Layer)(正确代码)
  5. GitLab 使用教程(Idea 版)
  6. etag java_HTTP头信息中的参数Etag
  7. opencv卡尔曼滤波详解
  8. nodejs发送邮件验证码封装(express框架)以QQ邮箱为例
  9. 快速提取文件中的汉字(或者有用的信息)
  10. java vue 开发总结(大学生学习版)