页面实时更新时间的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 选择器、DOM操作、事件、动画
Nov 25 Javascript
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
php基于redis处理session的方法
Mar 14 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
May 10 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
Dec 11 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
May 10 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
javascript中call,apply,callee,caller用法实例分析
Jul 24 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分页代码学习示例分享
2014/02/20 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
PHP+jQuery实现双击修改table表格功能示例
2019/02/21 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
对比分析json及XML
2014/11/28 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
socket.io学习教程之基本应用(二)
2017/04/29 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
2020/02/19 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
Python交换变量
2008/09/06 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
Python实现的栈(Stack)
2018/01/26 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
Python实现DDos攻击实例详解
2019/02/02 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
HTML5页面无缝闪开的问题及解决方案
2020/06/11 HTML / CSS
11月升旗仪式讲话稿
2014/02/15 职场文书
元旦联欢会感言
2014/03/04 职场文书