详解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 相关文章推荐
网页禁用右键实现代码(JavaScript代码)
Oct 29 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
js实现产品缩略图效果
Mar 10 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 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远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
Bootstrap每天必学之导航条
2015/11/27 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
Python实现数据库并行读取和写入实例
2017/06/09 Python
python破解zip加密文件的方法
2018/05/31 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
JVM是一个编译程序还是解释程序
2012/09/11 面试题
优秀的计算机专业求职信范文
2013/12/27 职场文书
学生打架检讨书1000字
2014/01/16 职场文书
关于毕业的中学校园广播稿
2014/01/26 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
党员自我评价范文2015
2015/03/03 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫