页面实时更新时间的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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
JS 表单验证大全
Nov 23 Javascript
javascript函数声明和函数表达式区别分析
Dec 02 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
javascript iframe跨域详解
Oct 26 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
jQuery tip提示插件(实例分享)
Apr 28 jQuery
详解Webpack loader 之 file-loader
Nov 07 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
使用Vue实现一个树组件的示例
Nov 06 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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
学习vue.js计算属性
2016/12/03 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
JS实现电话号码的字母组合算法示例
2019/02/26 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
Python实现批量转换文件编码的方法
2015/07/28 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
Idea安装python显示无SDK问题解决方案
2020/08/12 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
SQL Server一个字符串拆分多行显示或者多行数据合并成一个字符串
2022/05/25 SQL Server