页面实时更新时间的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 Event事件学习第一章 Event介绍
Feb 07 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
JS实现环形进度条(从0到100%)效果
Jul 05 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
浅谈Vue的响应式原理
May 30 Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
Python struct模块解析
2014/06/12 Python
python实现SMTP邮件发送功能
2020/06/16 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
python梯度下降法的简单示例
2018/08/31 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
django中的数据库迁移的实现
2020/03/16 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
pytorch中index_select()的用法详解
2021/01/06 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
医学专业毕业生个人的求职信
2013/12/04 职场文书
教师个人自我鉴定
2014/02/08 职场文书
教师自我剖析材料
2014/09/29 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
2015年防汛工作总结
2015/05/15 职场文书
担保书格式范文
2015/09/22 职场文书
2019 入党申请书范文
2019/07/10 职场文书
python 逐步回归算法
2021/04/06 Python
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
Python类方法总结讲解
2021/07/26 Python