首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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;
                 }

调用: <strong> 当前时间:</strong>
<font color="white"><span id="nowDateTimeSpan"></span></font>      

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

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

Javascript 相关文章推荐
JavaScript Array扩展实现代码
Oct 14 Javascript
JavaScript的parseInt 取整使用
May 09 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
12306验证码破解思路分享
Mar 25 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
详解jquery validate实现表单验证 （正则表达式）
Jan 18 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
vue实现滑动解锁功能
Mar 03 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
for(1) 分词器(1) 事件调度器(1) okenizer(1) while(1) 无限迭代(1) sched(1) watch(1) 监听(2) re模块(2)
You might like
ecshop 批量上传（加入自定义属性）
2012/03/20 PHP
探讨file_get_contents与curl效率及稳定性的分析
2013/06/06 PHP
codeigniter框架批量插入数据
2014/01/09 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
微信支付开发交易通知实例
2016/07/12 PHP
dropdownlist之间的互相联动实现（显示与隐藏）
2009/11/24 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
JavaScript 作用域链解析
2014/11/13 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
JavaScript知识点整理
2015/12/09 Javascript
微信公众号-获取用户信息（网页授权获取）实现步骤
2016/10/21 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
JavaScript中的this妙用实例分析
2020/05/09 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
python实现批量解析邮件并下载附件
2018/06/19 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
简单分析python的类变量、实例变量
2019/08/23 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
Agoda.com官方网站：便宜预订全球酒店，高达80%的折扣
2018/04/04 全球购物
Calzedonia美国官网：意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
机械制造专业个人的自我评价
2013/12/28 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
php字符串倒叙
2021/04/01 PHP
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript