页面实时更新时间的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 相关文章推荐
jQuery调用WebService的实现代码
Jun 19 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
在react-antd中弹出层form内容传递给父组件的操作
Oct 24 Javascript
js实现简单商品筛选功能
Feb 02 Javascript
比较node.js和Deno
Apr 27 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
带左右箭头图片轮播的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数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
深入讲解PHP Session及如何保持其不过期的方法
2015/08/18 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
jQuery+koa2实现简单的Ajax请求的示例
2018/03/06 jQuery
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
在python里面运用多继承方法详解
2019/07/01 Python
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
数字天堂软件测试面试题
2012/12/23 面试题
业务助理岗位职责
2013/11/18 职场文书
党校培训思想汇报
2014/01/03 职场文书
项目经理任命书范本
2014/06/05 职场文书
会计人员岗位职责
2015/02/03 职场文书
2016年国陪研修感言
2015/11/18 职场文书
企业管理制度设计时要注意的几种“常见病”!
2019/04/19 职场文书