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 相关文章推荐
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
将list转换为json失败的原因
Dec 17 Javascript
js取整数、取余数的方法
May 11 Javascript
node.js解决获取图片真实文件类型的问题
Dec 20 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
jQuery实现下拉框功能实例代码
May 06 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
Angularjs中使用layDate日期控件示例
Jan 11 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
PHP 文件上传源码分析(RFC1867)
2009/10/30 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
PHP编写学校网站上新生注册登陆程序的实例分享
2016/03/21 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
通过vue提供的keep-alive减少对服务器的请求次数
2018/04/01 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
python与C互相调用的方法详解
2017/07/14 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
python xlsxwriter模块的使用
2020/12/24 Python
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
管理站站长岗位职责
2013/11/27 职场文书
工作疏忽检讨书
2014/01/25 职场文书
白酒市场营销方案
2014/02/25 职场文书
户籍证明格式
2014/09/15 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2014年公务员退休工资改革方案
2014/10/01 职场文书
律师授权委托书范本
2014/10/07 职场文书