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中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
js分页代码分享
Apr 28 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
web打印小结
Jan 11 Javascript
vue2.0获取自定义属性的值
Mar 28 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
js实现3D照片墙效果
Oct 28 Javascript
js实现百度淘宝搜索功能
Feb 17 Javascript
js实现自定义右键菜单
May 18 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
PHP 命令行参数详解及应用
2011/05/18 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
javascript some()函数用法详解
2014/11/13 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
JS 常用校验函数
2009/03/26 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
jQuery快速高效制作网页交互特效
2017/02/24 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
2020/07/17 Javascript
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python AES加密模块用法分析
2017/05/22 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
python实例化对象的具体方法
2020/06/17 Python
Python中logger日志模块详解
2020/08/04 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
安踏广告词改编版
2014/03/21 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
Html5新增了哪些功能
2021/04/16 HTML / CSS
详解Java实践之建造者模式
2021/06/18 Java/Android