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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
vue-router为激活的路由设置样式操作
Jul 18 Javascript
openlayers 3实现车辆轨迹回放
Sep 24 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
2013/12/26 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
解决Layui数据表格显示无数据提示的问题
2019/11/14 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
python 利用zmail库发送邮件
2020/09/11 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
英语专业毕业个人求职自荐信
2013/09/21 职场文书
大学生的应聘自我评价
2013/12/13 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
2015年导购员工作总结
2015/04/25 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
nginx常用配置conf的示例代码详解
2022/03/21 Servers