页面实时更新时间的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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php生成验证码函数
2015/10/20 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
早该知道的7个JavaScript技巧
2013/03/27 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
浅谈微信小程序flex布局基础
2018/09/10 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
Python编程快速上手——强口令检测算法案例分析
2020/02/29 Python
快速了解Python开发环境Spyder
2020/06/29 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
上班早退检讨书
2014/01/09 职场文书
高二英语教学反思
2014/01/19 职场文书
学校读书活动总结
2014/06/30 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL