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 相关文章推荐
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
让table变成exls的示例代码
Mar 24 Javascript
JavaScript判断用户是否对表单进行了修改的方法
Mar 18 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
浅谈angularJS中的事件
Jul 12 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 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
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
PHP实现的汉字拼音转换和公历农历转换类及使用示例
2014/07/01 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
Python中isnumeric()方法的使用简介
2015/05/19 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
python 中文件输入输出及os模块对文件系统的操作方法
2018/08/27 Python
Python 字符串换行的多种方式
2018/09/06 Python
python 调试冷知识(小结)
2019/11/11 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
python 实现图片批量压缩的示例
2020/12/18 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
Linux的主要特性
2016/09/03 面试题
大学生写自荐信的技巧
2014/01/08 职场文书
中学生励志演讲稿
2014/04/26 职场文书
工商管理自荐书
2014/07/06 职场文书
支行行长竞聘报告
2014/11/06 职场文书
单身申明具结书
2015/02/26 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书
浅谈redis整数集为什么不能降级
2021/07/25 Redis
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server