页面实时更新时间的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的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
javascript实现汉字转拼音代码分享
Apr 20 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
Angular2入门教程之模块和组件详解
May 28 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
vue v-model动态生成详解
Jun 30 Javascript
微信小程序实现留言功能
Oct 31 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
vue实现表格合并功能
Dec 01 Vue.js
带左右箭头图片轮播的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
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
第九节--绑定
2006/11/16 PHP
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
PHP SOCKET编程详解
2015/05/22 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
深入理解JS正则表达式---分组
2016/07/18 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
推荐11个实用Python库
2015/01/23 Python
用Python生成器实现微线程编程的教程
2015/04/13 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
Python sorted排序方法如何实现
2020/03/31 Python
基于python实现模拟数据结构模型
2020/06/12 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
联欢晚会主持词
2014/03/25 职场文书
摄影展策划方案
2014/06/02 职场文书
保研推荐信格式
2015/03/25 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
祝酒词范文
2015/08/12 职场文书
入党申请书怎么写?
2019/06/21 职场文书