页面实时更新时间的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 相关文章推荐
innerText和textContent对比及使用介绍
Feb 27 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
JavaScript实现的使用键盘控制人物走动实例
Aug 27 Javascript
node.js中的fs.truncate方法使用说明
Dec 15 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 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
Yii2主题(Theme)用法详解
2016/07/23 PHP
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
dreamweaver 安装Jquery智能提示
2011/04/02 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
JSON 入门教程基础篇 json入门学习笔记
2020/09/22 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
vue实现拖拽进度条
2021/03/01 Vue.js
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
python自动发送邮件脚本
2018/06/20 Python
Html5 localStorage入门教程
2018/04/26 HTML / CSS
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
企划专员岗位职责
2013/12/09 职场文书
《晚上的太阳》教学反思
2014/04/23 职场文书
农业生产宣传标语
2014/10/08 职场文书
国家助学金感谢信
2015/01/21 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
感恩父母主题班会
2015/08/12 职场文书
win10下go mod配置方式
2021/04/25 Golang
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android