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实现划词标记+划词搜索功能
Mar 06 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
JavaScript中eval()函数用法详解
Dec 14 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 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
PHP中的正规表达式(一)
2006/10/09 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
php简单实现快速排序的方法
2015/04/04 PHP
php并发加锁示例
2016/10/17 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
javascript精确统计网站访问量实例代码
2015/12/19 Javascript
AngularJS基础 ng-list 指令详解及示例代码
2016/08/02 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
Python引用模块和查找模块路径
2016/03/17 Python
Python学习笔记之解析json的方法分析
2017/04/21 Python
基于Django的乐观锁与悲观锁解决订单并发问题详解
2019/07/31 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
css sprite简单实例
2016/05/23 HTML / CSS
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
自荐信怎么写呢?
2013/12/09 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
机械专业求职信
2014/05/25 职场文书
小人国观后感
2015/06/11 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技