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 相关文章推荐
jQuery 打造动态下滑菜单实现说明
Apr 15 Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
Feb 13 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
实现高性能JavaScript之执行与加载
Jan 30 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 Javascript
vue发送ajax请求详解
Oct 09 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 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使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
使用JavaScript动态设置样式实现代码及演示动画
2013/01/25 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
使用python 获取进程pid号的方法
2014/03/10 Python
Djang中静态文件配置方法
2015/07/30 Python
django模板结构优化的方法
2019/02/28 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
python3实现单目标粒子群算法
2019/11/14 Python
python访问hdfs的操作
2020/06/06 Python
python和opencv构建运动检测器的实现
2021/03/03 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
法国一家芭蕾舞鞋公司:Repetto
2018/11/12 全球购物
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
怎样声明接口
2014/09/19 面试题
大学毕业登记表自我鉴定
2013/10/09 职场文书
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
小学校长汇报材料
2014/08/20 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
行政文员岗位职责
2015/02/04 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
Mysql中有关Datetime和Timestamp的使用总结
2021/12/06 MySQL