页面实时更新时间的JS实例代码


Posted in Javascript onDecember 18, 2013
function startTime() {
                     var today = new Date(); //定义日期对象   
                     var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年    
                     var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年    
                     var dd = today.getDate(); //通过日期对象的getDate()方法返回年     
                     var hh = today.getHours(); //通过日期对象的getHours方法返回小时   
                     var mm = today.getMinutes(); //通过日期对象的getMinutes方法返回分钟   
                     var ss = today.getSeconds(); //通过日期对象的getSeconds方法返回秒   
                     // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09   
                     MM = checkTime(MM);
                     dd = checkTime(dd);
                     mm = checkTime(mm);
                     ss = checkTime(ss);
                     var day; //用于保存星期(getDay()方法得到星期编号)
                     if (today.getDay() == 0) day = "星期日 "
                     if (today.getDay() == 1) day = "星期一 "
                     if (today.getDay() == 2) day = "星期二 "
                     if (today.getDay() == 3) day = "星期三 "
                     if (today.getDay() == 4) day = "星期四 "
                     if (today.getDay() == 5) day = "星期五 "
                     if (today.getDay() == 6) day = "星期六 "
                     document.getElementById('nowDateTimeSpan').innerHTML = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "   " + day;
                     setTimeout('startTime()', 1000); //每一秒中重新加载startTime()方法 
                 }
                 function checkTime(i) {
                     if (i < 10) {
                         i = "0" + i;
                     }
                     return i;
                 }

调用: <strong> 当前时间:</strong>
<font color="white"><span id="nowDateTimeSpan"></span></font>      

Javascript 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
Mar 07 Javascript
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
关于js遍历表格的实例
Jul 10 Javascript
父节点获取子节点的字符串示例代码
Feb 26 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
Vue 全局loading组件实例详解
May 29 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
带左右箭头图片轮播的JS代码
Dec 18 #Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 #Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 #Javascript
浅谈Javascript 执行顺序
Dec 18 #Javascript
Javascript浅谈之引用类型
Dec 18 #Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 #Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 #Javascript
You might like
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
由document.body和document.documentElement想到的
2009/04/13 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
老生常谈Python基础之字符编码
2017/06/14 Python
pyqt5自定义信号实例解析
2018/01/31 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
成人教育自我鉴定
2013/11/01 职场文书
投标承诺函范文
2015/01/21 职场文书
赢在中国观后感
2015/06/02 职场文书
叶问观后感
2015/06/15 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
Java 多态分析
2022/04/26 Java/Android