详解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修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
vue修改vue项目运行端口号的方法
Aug 04 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
解决VUEX兼容IE上的报错问题
Mar 01 Javascript
Bootstrap模态对话框中显示动态内容的方法
Aug 10 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
Sep 01 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 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 和 HTML
2006/10/09 PHP
基于mysql的论坛(6)
2006/10/09 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
javascript基本语法分析说明
2008/06/15 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
Angular实现响应式表单
2017/08/04 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
setTimeout与setInterval的区别浅析
2019/03/23 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
解读! Python在人工智能中的作用
2017/11/14 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
Python接口测试文件上传实例解析
2020/05/22 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
python3.5的包存放的具体路径
2020/08/16 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
2020/07/20 HTML / CSS
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
倩碧英国官网:Clinique英国
2018/08/10 全球购物
zooplus意大利:在线宠物商店
2019/08/07 全球购物
教师辞职报告范文
2014/01/20 职场文书
青春寄语大全
2014/04/09 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书