页面实时更新时间的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 面向对象继承
Nov 26 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
JavaScript制作简单分页插件
Sep 11 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
Javascript中window.name属性详解
Nov 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中for循环语句的几种变型
2006/11/26 PHP
php面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
php模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
laravel手动创建数组分页的实现代码
2018/06/07 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
2016/01/27 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
Python自动发邮件脚本
2017/03/31 Python
Python决策树分类算法学习
2017/12/22 Python
Django如何自定义分页
2018/09/25 Python
python实现文件的分割与合并
2019/08/29 Python
Python如何实现线程间通信
2020/07/30 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
幼儿园门卫制度
2014/01/29 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
社区交通安全实施方案
2014/03/22 职场文书
员工生日活动方案
2014/08/24 职场文书
学习作风建设心得体会
2014/10/22 职场文书
迟到检讨书
2015/01/26 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书