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 测试及效验工具
Apr 18 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
js弹出窗口简单实现代码
Mar 22 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
vue打包时去掉所有的console.log
Apr 10 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使用ICQ网关发送手机短信
2013/10/30 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
php计算一个文件大小的方法
2015/03/30 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
2019/12/13 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python决策树之CART分类回归树详解
2017/12/20 Python
24式加速你的Python(小结)
2019/06/13 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
压铸汽车模型收藏家:Diecastmodelswholesale.com
2016/12/21 全球购物
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
EJB需直接实现它的业务接口或Home接口吗,请简述理由
2016/11/23 面试题
银行业务授权委托书
2014/10/10 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
2016大学军训通讯稿
2015/11/25 职场文书