详解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 日期验证正则附asp日期格式化函数
Sep 11 Javascript
Jquery选择器 $实现原理
Dec 02 Javascript
JS实现双击屏幕滚动效果代码
Oct 28 Javascript
Javascript实现单例模式
Jan 24 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
JS将unicode码转中文方法
May 08 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
JS开发前端团队展示控制器来为成员引流
Aug 14 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读取文件内容的方法汇总
2015/01/24 PHP
PHP 7.0新增加的特性介绍
2017/06/08 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
50个比较实用jQuery代码段
2011/09/18 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
js实现文字截断功能
2016/09/14 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
React Native AsyncStorage本地存储工具类
2017/10/24 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
微信小程序修改checkbox的样式代码实例
2020/01/21 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
python IP地址转整数
2020/11/20 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
往来会计岗位职责
2013/12/19 职场文书
九年级数学教学反思
2014/02/02 职场文书
运动会致辞稿50字
2014/02/04 职场文书
个人查摆剖析材料
2014/02/04 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android