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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
JavaScript 无符号右移赋值操作
Apr 17 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
javascript数字格式化通用类 accounting.js使用
Aug 24 Javascript
JS判断当前日期是否大于某个日期的实现代码
Sep 02 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
Apr 03 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 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
Php+SqlServer实现分页显示
2006/10/09 PHP
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
utf8的编码算法 转载
2006/12/27 Javascript
Js之软键盘实现(js源码)
2007/01/30 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
vue安装和使用scss及sass与scss的区别详解
2018/10/15 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Python Requests安装与简单运用
2016/04/07 Python
Python实现Event回调机制的方法
2019/02/13 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
2014年部门工作总结
2014/11/12 职场文书
离婚起诉书范文2015
2015/05/19 职场文书