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 EasyUI API 中文文档 - ComboGrid 组合表格
Oct 13 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
JavaScript模块化开发之SeaJS
Dec 13 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
深入解析ES6中的promise
Nov 08 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 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 jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
前端必学之PHP语法基础
2016/01/01 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
优化Node.js Web应用运行速度的10个技巧
2014/09/03 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
python虚拟环境迁移方法
2019/01/03 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
财务会计毕业生自荐信
2013/11/02 职场文书
物业公司采购员岗位职责
2013/12/31 职场文书
投资意向书
2014/07/30 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
前台接待岗位职责范本
2015/04/03 职场文书