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 相关文章推荐
JS中的Replace方法使用经验分享
May 20 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
jQuery定义插件的方法
Dec 18 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
Angular实现form自动布局
Jan 28 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
基于游标的分页接口实现代码示例
Nov 12 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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP抽象类 介绍
2012/06/13 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
php简单生成随机数的方法
2015/07/30 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
PHP7新特性foreach 修改示例介绍
2016/08/26 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
JavaScript生成.xls文件的代码
2016/12/22 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
Python基于回溯法解决01背包问题实例
2017/12/06 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
基于Python爬取爱奇艺资源过程解析
2020/03/02 Python
详解python logging日志传输
2020/07/01 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
数据库专业英语
2012/11/30 面试题
销售主管竞聘书
2014/03/31 职场文书
委托书如何写
2014/08/30 职场文书
社区务虚会发言材料
2014/10/20 职场文书
大学生见习报告总结
2014/11/04 职场文书
期末复习计划
2015/01/19 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
Go语言测试库testify使用学习
2022/07/23 Golang