页面实时更新时间的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 相关文章推荐
小型js框架veryide.librar源代码
Mar 05 Javascript
jquery自定义右键菜单、全选、不连续选择
Mar 01 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
May 19 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
Oct 24 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
Vuex中实现数据状态查询与更改
Nov 08 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网站判断用户是否是手机访问的方法
2013/11/01 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
2016/08/17 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
JavaScript获得url查询参数的方法
2015/07/02 Javascript
基于JavaScript代码实现微信扫一扫下载APP
2015/12/30 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
基于python实现名片管理系统
2018/11/30 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
建筑设计专业求职自我评价
2014/03/02 职场文书
目标责任书格式
2014/07/28 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技