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 相关文章推荐
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
js querySelector和getElementById通过id获取元素的区别
Apr 20 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
微信小程序实现录音功能
Nov 22 Javascript
前端如何实现动画过渡效果
Feb 05 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防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
php类自动加载器实现方法
2015/07/28 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
javascript 表单的友好用户体现
2009/01/07 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
Python 中Operator模块的使用
2021/01/30 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
Notino意大利:购买香水和化妆品
2018/11/14 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
C#基础面试题
2016/10/17 面试题
网站设计师的岗位职责
2013/11/21 职场文书
关于爱情的广播稿
2014/01/16 职场文书
平安建设实施方案
2014/03/19 职场文书
会计求职简历自我评价
2015/03/10 职场文书
丧事主持词
2015/07/02 职场文书
Python中time与datetime模块使用方法详解
2022/03/31 Python