编程 Javascript

页面实时更新时间的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;
                 }

调用: 当前时间:

页面实时更新时间的JS实例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 选择器、DOM操作、事件、动画

Nov 25 Javascript

分享27款非常棒的jQuery 表单插件

Mar 28 Javascript

了解Javascript的模块化开发

Mar 02 Javascript

jQuery判断数组是否包含了指定的元素

Mar 10 Javascript

剖析Node.js异步编程中的回调与代码设计模式

Feb 16 Javascript

php基于redis处理session的方法

Mar 14 Javascript

Angular中实现树形结构视图实例代码

May 05 Javascript

详解使用vue脚手架工具搭建vue-webpack项目

May 10 Javascript

微信小程序使用radio显示单选项功能【附源码下载】

Dec 11 Javascript

vue-router3.0版本中 router.push 不能刷新页面的问题

May 10 Javascript

jQuery AJAX与jQuery事件的分析讲解

Feb 18 jQuery

javascript中call,apply,callee,caller用法实例分析

Jul 24 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分页代码学习示例分享

2014/02/20 PHP

PHP 中使用explode()函数切割字符串为数组的示例

2017/05/06 PHP

PHP+jQuery实现双击修改table表格功能示例

2019/02/21 PHP

PHP设计模式之观察者模式定义与用法分析

2019/04/04 PHP

thinkphp3.2同时连接两个数据库的简单方法

2019/08/13 PHP

基于jQuery判断两个元素是否有重叠部分的代码

2012/07/25 Javascript

jquery延迟加载外部js实现代码

2013/01/11 Javascript

对比分析json及XML

2014/11/28 Javascript

jQuery的几个我们必须了解的特点

2015/05/03 Javascript

js和jquery分别验证单选框、复选框、下拉框

2015/12/17 Javascript

jQuery表单事件实例代码分享

2016/08/18 Javascript

Javascript中常见的逻辑题和解决方法

2016/09/17 Javascript

JS焦点图,JS 多个页面放多个焦点图的实例

2016/12/08 Javascript

在一个页面重复使用一个js函数的方法详解

2016/12/26 Javascript

js for循环倒序输出数组元素的实例

2017/03/01 Javascript

Angular.JS利用ng-disabled属性和ng-model实现禁用button效果

2017/04/05 Javascript

socket.io学习教程之基本应用（二）

2017/04/29 Javascript

JavaScript实现一个带AI的井字棋游戏源码

2018/05/21 Javascript

微信小程序获取用户信息并保存登录状态详解

2019/05/10 Javascript

JS操作Fckeditor的一些常用方法(获取、插入等)

2020/02/19 Javascript

解决Element中el-date-picker组件不回填的情况

2020/11/07 Javascript

vue使用exif获取图片旋转，压缩的示例代码

2020/12/11 Vue.js

JavaScript中跨域问题的深入理解

2021/03/04 Javascript

[01:17]Ti4 循环赛第一日回顾

2014/07/11 DOTA

Python交换变量

2008/09/06 Python

Python用Bottle轻量级框架进行Web开发

2016/06/08 Python

详解Python中的Descriptor描述符类

2016/06/14 Python

Python实现的栈（Stack）

2018/01/26 Python

python实现人人自动回复、抢沙发功能

2018/06/08 Python

python3读取csv和xlsx文件的实例

2018/06/22 Python

Python实现DDos攻击实例详解

2019/02/02 Python

Python OpenCV 调用摄像头并截图保存功能的实现代码

2019/07/02 Python

Python如何批量获取文件夹的大小并保存

2020/03/31 Python

HTML5页面无缝闪开的问题及解决方案

2020/06/11 HTML / CSS

11月升旗仪式讲话稿

2014/02/15 职场文书

元旦联欢会感言

2014/03/04 职场文书