详解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下异步提交表单 异步跨域提交表单
Nov 17 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 Javascript
Javascript变量的作用域和作用域链详解
Apr 02 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 Javascript
KnockoutJS数组比较算法实例详解
Nov 25 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 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中关于socket的系列函数总结
2015/05/18 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
JavaScript 继承的实现
2009/07/09 Javascript
IE 下的只读 innerHTML
2009/08/21 Javascript
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
实例详解JSON取值(key是中文或者数字)方式
2017/08/24 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
Python Trie树实现字典排序
2014/03/28 Python
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python中用max()方法求最大值的介绍
2015/05/15 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
Python容器类型公共方法总结
2020/08/19 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
Linux中如何用命令创建目录
2016/12/02 面试题
客房主管岗位职责
2013/12/09 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
校园报刊亭创业计划书
2014/01/02 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
质量保证书范本
2014/04/29 职场文书
教师演讲稿开场白
2014/08/25 职场文书
出租房屋协议书
2014/09/14 职场文书
建议书格式
2015/02/04 职场文书
逃课检讨书范文
2015/05/06 职场文书