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 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
js的闭包的一个示例说明
Nov 18 Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
javascript函数中参数传递问题示例探讨
Jul 31 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
全面详细的jQuery常见开发技巧手册
Feb 21 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 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获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
javascript的函数作用域
2014/11/12 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
js实现烟花特效
2020/03/02 Javascript
python str与repr的区别
2013/03/23 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
Python全排列操作实例分析
2018/07/24 Python
python实现随机漫步算法
2018/08/27 Python
python实现车牌识别的示例代码
2019/08/05 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
2019年.net常见面试问题
2012/02/12 面试题
客服工作职责
2013/12/11 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
三年级学生评语
2014/04/23 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
开展警示教育活动总结
2015/05/09 职场文书
办公室管理规章制度
2015/08/04 职场文书
nginx实现动静分离的方法示例
2021/11/07 Servers