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判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
Nov 09 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
仿照Element-ui实现一个简易的$message方法
Sep 14 Javascript
vue el-table实现递归嵌套的示例代码
Aug 14 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
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
php中的常用魔术方法总结
2013/08/02 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
javascript 注释代码的几种方法总结
2017/01/04 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
python 实现兔子生兔子示例
2019/11/21 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
详解Python yaml模块
2020/09/23 Python
尽职尽责村干部自我鉴定
2014/01/23 职场文书
品质主管岗位职责
2014/03/16 职场文书
法人代表委托书
2014/04/04 职场文书
检讨书格式范文
2015/05/07 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript