详解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的MessageBox
Dec 03 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
JavaScript实现简单轮播图效果
Dec 01 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
vue-model实现简易计算器
Aug 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的加密方式及原理
2012/06/14 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
Vue响应式原理详解
2017/04/18 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
js实现弹窗效果
2020/08/09 Javascript
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
国培远程培训感言
2014/03/08 职场文书
品质主管岗位职责
2014/03/16 职场文书
纪律教育月活动总结
2014/08/26 职场文书
出纳工作检讨书
2014/10/18 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2016年庆“七一”主题党日活动总结
2016/04/05 职场文书