详解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+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
javascript使用正则表达式检测IP地址
Dec 03 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 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
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
2013/04/24 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python中的is和id用法分析
2015/01/26 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
pycharm配置git(图文教程)
2019/08/16 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
医学生自荐信
2013/12/03 职场文书
自荐信怎么写呢?
2013/12/09 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
安全生产检查通报
2014/01/29 职场文书
中小学生学籍证明
2014/10/25 职场文书
工作证明格式范文
2015/06/15 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL