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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
JavaScript的eval JSON object问题
Nov 15 Javascript
Javascript 面向对象 继承
May 13 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
javascript常见操作汇总
Sep 03 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
ReactNative实现Toast的示例
Dec 31 Javascript
探秘vue-rx 2.0(推荐)
Sep 21 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
微信小程序实现多图上传
Jun 19 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
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
smarty简单分页的实现方法
2014/10/27 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python中文字符串截取问题
2015/06/15 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
Python基于递归实现电话号码映射功能示例
2018/04/13 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
Django url 路由匹配过程详解
2021/01/22 Python
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
毕业生医学检验求职信
2013/10/16 职场文书
文明宿舍获奖感言
2014/02/07 职场文书
一年级语文教学反思
2014/02/13 职场文书
交通事故私了协议书
2014/04/16 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
律师催款函范文
2015/06/24 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
python中的装饰器该如何使用
2021/06/18 Python