页面实时更新时间的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高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
支付宝小程序tabbar底部导航
Nov 06 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 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中字符集转换iconv函数使用总结
2014/10/11 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
基于jquery的拖动布局插件
2011/11/25 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
js实现登录与注册界面
2017/11/01 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
大学生职业生涯规划方案
2014/01/03 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
最新奶茶店创业计划书范文
2014/02/08 职场文书
主题婚礼策划方案
2014/02/10 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
公司离职证明范本
2014/10/17 职场文书
2014年药房工作总结
2014/11/22 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python