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代码的实现一个图片向上滚动切换
Sep 02 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 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多用户读写文件冲突的解决办法
2013/11/06 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
2020/08/24 PHP
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
js弹出窗口之弹出层的小例子
2013/06/17 Javascript
Angularjs 基础入门
2014/12/26 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
js+springMVC 提交数组数据到后台的实例
2019/09/21 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python操作MySQL简单实现方法
2015/01/26 Python
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
python 异常处理总结
2016/10/18 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
python实现屏保计时器的示例代码
2018/08/08 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
美国眼镜网:GlassesUSA
2017/09/07 全球购物
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
培训讲师邀请函
2014/01/10 职场文书
小孩百日宴答谢词
2014/01/15 职场文书
日化店促销方案
2014/03/26 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
如何写求职信
2014/05/24 职场文书
公司业务员管理制度
2015/08/05 职场文书
创业计划书之电动车企业
2019/10/11 职场文书