详解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 相关文章推荐
jquery 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
JS中图片缓冲loading技术的实例代码
Aug 29 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
ionic3双击返回退出应用的方法
Sep 17 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对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
yii框架通过控制台命令创建定时任务示例
2014/04/30 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
php数组遍历类与用法示例
2019/05/24 PHP
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
Python中的列表知识点汇总
2015/04/14 Python
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
浅谈pyhton学习中出现的各种问题(新手必看)
2017/05/17 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
在线服装零售商:SheIn
2016/07/22 全球购物
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
初三家长会邀请函
2014/01/18 职场文书
抽样调查项目计划书
2014/04/24 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
实习计划书范文
2015/01/16 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书