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作用域和闭包
Sep 23 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
基于Jquery easyui 选中特定的tab
Nov 17 Javascript
Bootstrap Modal遮罩弹出层(完整版)
Nov 21 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
vue生成文件本地打开查看效果的实例
Sep 06 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
详解JSON.parse和JSON.stringify用法
Feb 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
js 可拖动列表实现代码
2011/12/13 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
js Date概念详细介绍
2013/11/22 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
yarn与npm的命令行小结
2016/10/20 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
vue-better-scroll 的使用实例代码详解
2018/12/03 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
python利用datetime模块计算时间差
2015/08/04 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
快速了解python leveldb
2018/01/18 Python
python实现五子棋程序
2020/04/24 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
禁毒宣传标语
2014/06/19 职场文书
模具设计与制造专业自荐书
2014/07/01 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL
Python内置数据类型中的集合详解
2022/03/18 Python