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 相关文章推荐
IE 上下滚动展示模仿Marquee机制
Dec 20 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
动态显示可输入的字数提示还可以输入的字数
Apr 01 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
使用JS编写的随机抽取号码的小程序
Aug 11 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 Javascript
Javascript类型判断相关例题及解析
Aug 26 Javascript
利用js实现简单开关灯代码
Nov 23 Javascript
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
第六节 访问属性和方法 [6]
2006/10/09 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
js Flash插入函数免激活代码
2009/03/31 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
Python help()函数用法详解
2014/03/11 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
仓库管理制度
2014/01/21 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
导游词之绍兴柯岩古镇
2020/01/09 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
Python first-order-model实现让照片动起来
2022/06/25 Python