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实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
详解Angularjs中的依赖注入
Mar 11 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
JS 调用微信扫一扫功能
Dec 22 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
js中的事件委托或是事件代理使用详解
Jun 23 Javascript
js实现随机点名器精简版
Jun 29 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
Vue.use源码分析
2017/04/22 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
Python3实现的画图及加载图片动画效果示例
2018/01/19 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
自动化职业生涯规划书范文
2014/01/03 职场文书
饭店工作计划书
2014/01/10 职场文书
网上开商店的创业计划书
2014/01/19 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
党员公开承诺事项
2014/03/25 职场文书
《老山界》教学反思
2014/04/08 职场文书
病危通知单
2015/04/17 职场文书
党支部季度考核意见
2015/06/02 职场文书
小学生纪律委员竞选稿
2015/11/19 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python