详解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中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
详解js中的几种常用设计模式
Jul 16 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
2006/12/23 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
聊一聊JS中的prototype
2016/09/29 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
py2exe 编译ico图标的代码
2013/03/08 Python
python Django连接MySQL数据库做增删改查
2013/11/07 Python
python妹子图简单爬虫实例
2015/07/07 Python
Python深入06——python的内存管理详解
2016/12/07 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
基本款天堂:Everlane
2017/05/13 全球购物
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
自荐信封面
2013/12/04 职场文书
酒店仓管员岗位职责
2014/04/28 职场文书
说明书怎么写
2014/05/06 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL