页面实时更新时间的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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
JS打开摄像头并截图上传示例
Feb 18 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
微信小程序多张图片上传功能
Jun 07 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
js实现抽奖功能
Nov 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的单引号和双引号 字符串效率
2009/05/27 PHP
Laravel学习教程之request validation的编写
2017/10/25 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
Python中列表(list)操作方法汇总
2014/08/18 Python
Python中变量交换的例子
2014/08/25 Python
python3大文件解压和基本操作
2017/12/15 Python
Python实现XML文件解析的示例代码
2018/02/05 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
python 标准差计算的实现(std)
2019/07/29 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
介绍一下mysql的日期和时间函数
2013/03/28 面试题
大学军训通讯稿
2014/01/13 职场文书
社区七一党员活动方案
2014/01/25 职场文书
就业表自我评价分享
2014/02/06 职场文书
中药专业自荐信范文
2014/03/18 职场文书
学习雷锋标语
2014/06/25 职场文书
移交协议书
2014/08/19 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis