详解js实时获取并显示当前时间的方法


Posted in Javascript onMay 10, 2019

本文实例为大家分享了js实时获取并显示当前时间l的具体代码,供大家参考,具体内容如下

js部分如下:

<script type="text/javascript"> 
window.onload = function() { 
var show = document.getElementById("show"); 
setInterval(function() {  
var time = new Date();  // 程序计时的月从0开始取值后+1  
var m = time.getMonth() + 1;  
var t = time.getFullYear() + "-" + m + "-"   
+ time.getDate() + " " + time.getHours() + ":"   
+ time.getMinutes() + ":" + time.getSeconds();  
show.innerHTML = t; 
}, 1000); 
};
</script>

html部分如下:

<div id="show"></div>

第二种

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title></title>
<script type="text/javascript"> 
window.onload=function(){ 
setInterval(function(){  
var date=new Date();  
var year=date.getFullYear(); //获取当前年份  
var mon=date.getMonth()+1; //获取当前月份  
var da=date.getDate(); //获取当前日  
var day=date.getDay(); //获取当前星期几  
var h=date.getHours(); //获取小时  
var m=date.getMinutes(); //获取分钟  
var s=date.getSeconds(); //获取秒  
var d=document.getElementById('Date');  
d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) }
</script>
</head>
<body>
<div id="Date"> </div>
</body>
</html>

以上所述是小编给大家介绍的js实时获取并显示当前时间的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用JS实现的一个include函数
Jul 21 Javascript
不安全的常用的js写法
Sep 15 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
jquery购物车结算功能实现方法
Oct 29 Javascript
PHP7新特性简述
Jun 11 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
JS获取本地地址及天气的方法实例小结
May 10 #Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 #Javascript
vue无限轮播插件代码实例
May 10 #Javascript
js中的深浅拷贝问题简析
May 10 #Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 #Javascript
详解jQuery如何实现模糊搜索
May 10 #jQuery
JS匿名函数内部this指向问题详析
May 10 #Javascript
You might like
PHP 读取文件的正确方法
2009/04/29 PHP
linux中cd命令使用详解
2015/01/08 PHP
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
js清空form表单中的内容示例
2014/05/20 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
Cpage.js给组件绑定事件的实现代码
2017/08/31 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
图文详解WinPE下安装Python
2016/05/17 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
Win10环境中如何实现python2和python3并存
2020/07/20 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
Java基础类库面试题
2013/09/04 面试题
大学生活动总结模板
2014/07/02 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
荆州古城导游词
2015/02/06 职场文书
医院办公室主任岗位职责
2015/04/01 职场文书
暂停营业通知
2015/04/25 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL