详解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中的事件处理
Jan 16 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
使用js实现数据格式化
Dec 03 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
js中创建对象的几种方式
Feb 05 Javascript
详解A标签中href=&quot;&quot;的几种用法
Aug 20 Javascript
详解ajax的data参数错误导致页面崩溃
Apr 30 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 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大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
smarty简单入门实例
2014/11/28 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
Javascript base64编码实现代码
2011/12/02 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
javascript 闭包详解
2015/07/02 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
Python中__new__与__init__方法的区别详解
2015/05/04 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python json格式化打印实现过程解析
2020/07/21 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
会计大学生职业生涯规划书范文
2014/01/13 职场文书
护士求职自荐信范文
2014/03/19 职场文书
专题组织生活会方案
2014/06/15 职场文书
考研复习计划
2015/01/19 职场文书
综治目标管理责任书
2015/05/11 职场文书
保护地球的宣传语
2015/07/13 职场文书
Python jiaba库的使用详解
2021/11/23 Python
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js
angular4实现带搜索的下拉框
2022/03/25 Javascript