JS动态加载当前时间的方法


Posted in Javascript onFebruary 09, 2015

本文实例讲述了JS动态加载当前时间的方法。分享给大家供大家参考。具体实现方法如下:

<body bgcolor="#fef4d9" onload ="time()">
  <script language="JavaScript">
function time ()
  {
  var now = new Date();
  var yr = now.getYear();
  var mName = now.getMonth() + 1;
  var dName = now.getDay() + 1;
  var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
  var ampm = (now.getHours() >= 12) ? " PM" : " AM"
  var hours = now.getHours();
     hours = ((hours > 12) ? hours - 12 : hours);
  var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
  var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
  if(dName==1) Day = "星期日";
  if(dName==2) Day = "星期一";
  if(dName==3) Day = "星期二";
  if(dName==4) Day = "星期三";
  if(dName==5) Day = "星期四";
  if(dName==6) Day = "星期五";
  if(dName==7) Day = "星期六";
  if(mName==1) Month="1月";
  if(mName==2) Month="2月";
  if(mName==3) Month="3月";
  if(mName==4) Month="4月";
  if(mName==5) Month="5月";
  if(mName==6) Month="6月";
  if(mName==7) Month="7月";
  if(mName==8) Month="8月";
  if(mName==9) Month="9月";
  if(mName==10) Month="10月";
  if(mName==11) Month="11月";
  if(mName==12) Month="12月";
  var DayDateTime=(yr+ "年"+" "+ Month+ dayNr+ "日"+ Day+ " "
    + hours+ minutes+ seconds+ " "+ ampm
    );
  document.getElementById ("face").innerText=DayDateTime ;
  timerID = setTimeout("time()",1000);
  }

</script>

<form id ="form">
  <div>
   <asp:Label ID ="face" runat ="server" ></asp:Label>
  </div>
</form>
</body>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
关于javascript中this关键字(翻译+自我理解)
Oct 20 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
Sep 08 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
详解适配器在JavaScript中的体现
Sep 28 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 Javascript
详解Vue3 Teleport 的实践及原理
Dec 02 Vue.js
JavaScript实现Java中StringBuffer的方法
Feb 09 #Javascript
angularJS 入门基础
Feb 09 #Javascript
javascript中函数作为参数调用的方法
Feb 09 #Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 #Javascript
angularJS 中$scope方法使用指南
Feb 09 #Javascript
Javascript动态创建div的方法
Feb 09 #Javascript
angularJS 中$attrs方法使用指南
Feb 09 #Javascript
You might like
PHP系统流量分析的程序
2006/10/09 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
php绘制一条直线的方法
2015/01/24 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
javascript 数组的方法集合
2008/06/05 Javascript
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
jquery DOM操作 基于命令改变页面
2010/05/06 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
详解a++和++a的区别
2017/08/30 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python字符串Intern机制详解
2019/07/01 Python
python中的插入排序的简单用法
2021/01/19 Python
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
关于Java String的一道面试题
2013/09/29 面试题
应届大学生简历中的自我评价
2014/01/15 职场文书
高中军训感言1000字
2014/03/01 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
中学政教处工作总结
2015/08/13 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js