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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
微信JS接口汇总及使用详解
Jan 09 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
微信小程序 Toast自定义实例详解
Jan 20 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 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 读取文件乱码问题
2010/02/20 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
在js中实现邮箱格式的验证方法(推荐)
2016/10/24 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
2019/02/15 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
理解python中生成器用法
2017/12/20 Python
Python调用C语言的实现
2019/07/26 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
Jowissa官方网站:瑞士制造的手表,优雅简约的设计
2020/07/29 全球购物
如何从一个文件档案的尾端新增记录
2016/12/02 面试题
总经理秘书的岗位职责
2013/12/27 职场文书
合作意向协议书范本
2014/03/31 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA