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 相关文章推荐
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
javascript this用法小结
Dec 19 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
js日期相关函数总结分享
Oct 15 Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
Vue实现日历小插件
Jun 26 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 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
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
php实现读取超大文件的方法
2014/07/28 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
php判断目录存在的简单方法
2019/09/26 PHP
对xmlHttp对象方法和属性的理解
2011/01/17 Javascript
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
使用jQuery获取data-的自定义属性
2015/11/10 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
Python对象属性自动更新操作示例
2018/06/15 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
python 工具 字符串转numpy浮点数组的实现
2020/03/14 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
为什么相对PHP黑python的更少
2020/06/21 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
优秀求职信范文分享
2013/12/19 职场文书
装修致歉信
2014/01/15 职场文书
合作意向协议书范本
2014/03/31 职场文书
个人简历自荐信
2014/06/26 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
家庭贫困证明
2014/09/23 职场文书
信用卡工资证明范本
2015/06/19 职场文书
2016年情人节问候语
2015/11/11 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
写好Python代码的几条重要技巧
2021/05/21 Python