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 相关文章推荐
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
JS获取页面窗口大小的代码解读
Dec 01 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
详细分析JavaScript变量类型
Jul 08 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
论JavaScript模块化编程
Mar 07 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
vue-cli配置环境变量的方法
Jul 09 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 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
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP数据过滤的方法
2013/10/30 PHP
php实现天干地支计算器示例
2014/03/14 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
Javascript this指针
2009/07/30 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
Es6 Generator函数详细解析
2018/02/24 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
破解安装Pycharm的方法
2018/10/19 Python
Scrapy框架使用的基本知识
2018/10/21 Python
对Python random模块打乱数组顺序的实例讲解
2018/11/08 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
html5启动原生APP总结
2020/07/03 HTML / CSS
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
指导教师评语
2014/04/26 职场文书
爱耳日活动总结
2014/04/30 职场文书
个人租房协议书
2014/11/28 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
Django框架模板用法详解
2022/06/10 Python