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的设计模式
Nov 22 Javascript
广告切换效果(缓动切换)
May 27 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 Javascript
angularjs性能优化的方法
Sep 05 Javascript
详解小程序不同页面之间通讯的解决方案
Nov 23 Javascript
vue.js仿hover效果的实现方法示例
Jan 28 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
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
基于NodeJS的前后端分离的思考与实践(五)多终端适配
2014/09/26 NodeJs
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
小程序自定义日历效果
2018/12/29 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
用 python 进行微信好友信息分析
2020/11/28 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
canvas环形倒计时组件的示例代码
2018/06/14 HTML / CSS
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
中式面点餐厅创业计划书
2014/01/29 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
劳资协议书范本
2014/04/23 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
学术会议通知范文
2015/04/15 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang