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同意等待代码实现心得
Jan 01 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
Sep 14 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
React组件的三种写法总结
Jan 12 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
javascript实现手动点赞效果
Apr 09 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
JS实现4位随机验证码
Oct 19 Javascript
微信小程序使用前置摄像头拍照
Oct 22 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 Smarty模板生成html文档的方法
2010/04/12 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
基于ThinkPHP+uploadify+upload+PHPExcel 无刷新导入数据
2015/09/23 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
laravel7学习之无限级分类的最新实现方法
2020/09/30 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
微信小程序 template模板详解及实例代码
2017/03/09 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
vue通过路由实现页面刷新的方法
2018/01/25 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
python自动生成model文件过程详解
2019/11/02 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
护理专科毕业生自荐书范文
2014/02/19 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
薪资证明范本
2015/06/19 职场文书
假期读书倡议书3篇
2019/08/19 职场文书
创业计划书之餐饮
2019/09/02 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript