javascript显示动态时间的方法汇总


Posted in Javascript onJuly 06, 2018

1.第一种方法

<table>
<tr>
<td>当前时间:</td>
<td id="CurrentTime"></td>
<script type="text/javascript">
function changetime(){
var ary = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var Timehtml = document.getElementById('CurrentTime');
var date = new Date();
Timehtml.innerHTML = ''+date.toLocaleString()+' '+ary[date.getDay()];
}
</script> 
</tr>
</table>

2.第二种方法

<!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>

3.第一种方法

<!DOCTYPE html> 
<html> 
<body> 
<div id="show"></div>

<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>
</body> 
</html>
Javascript 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 Javascript
Django+Vue跨域环境配置详解
Jul 06 #Javascript
微信小程序画布圆形进度条显示效果
Nov 17 #Javascript
微信小程序实时聊天WebSocket
Jul 05 #Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 #Javascript
基于vue展开收起动画的示例代码
Jul 05 #Javascript
微信小程序实现星级评分和展示
Jul 05 #Javascript
vue-router history模式下的微信分享小结
Jul 05 #Javascript
You might like
javascript操作excel生成报表示例
2014/05/08 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
JavaScript中使用指数方法Math.exp()的简介
2015/06/15 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
bootstrap fileinput完整实例分享
2016/11/08 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
ptyhon实现sitemap生成示例
2014/03/30 Python
python实现简单的计时器功能函数
2015/03/14 Python
python使用super()出现错误解决办法
2017/08/14 Python
Python字典,函数,全局变量代码解析
2017/12/18 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
资料员岗位职责
2013/11/17 职场文书
工作推荐信范文
2014/05/10 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
爱心募捐感谢信
2015/01/22 职场文书
校运会新闻稿
2015/07/17 职场文书
宣传部部长竞选稿
2015/11/21 职场文书