脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS动态加载当前时间

JS动态加载当前时间的方法

 更新时间：2015年02月09日 11:39:14   作者：闪耀的瞬间  
这篇文章主要介绍了JS动态加载当前时间的方法,涉及html的onload方法及javascript操作时间的技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 详解async/await 异步应用的常用场景

    详解async/await 异步应用的常用场景

    这篇文章主要介绍了详解async/await 异步应用的常用场景，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 微信小程序实现简单购物车功能

    微信小程序实现简单购物车功能

    这篇文章主要为大家详细介绍了微信小程序实现简单购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • ElementUI在实际项目使用步骤详解

    ElementUI在实际项目使用步骤详解

    这篇文章主要介绍了ElementUI在实际项目使用的功能总结,本文分步骤通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-07-07
  • js中getBoundingClientRect的作用及兼容方案详解

    js中getBoundingClientRect的作用及兼容方案详解

    这篇文章主要介绍了js中getBoundingClientRect的作用及兼容方案详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • 微信小程序之console.log()使用方法

    微信小程序之console.log()使用方法

    console.log() 是 JavaScript 中的标准内置函数,主要用于在浏览器的控制台（Console）中输出信息,帮助开发者进行调试和跟踪代码运行状态,下面给大家介绍微信小程序之console.log()使用,感兴趣的朋友跟随小编一起看看吧
    2024-04-04
  • JS去除字符串中空格的方法

    JS去除字符串中空格的方法

    这篇文章主要介绍了JS去除字符串中空格的方法,涉及javascript字符串的正则、遍历、运算等相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • JavaScript实现使用Canvas绘制图形的基本教程

    JavaScript实现使用Canvas绘制图形的基本教程

    本篇文章主要介绍了JavaScript实现使用Canvas绘制图形的基本教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
    2016-10-10
  • 重构Javascript代码示例(重构前后对比)

    重构Javascript代码示例(重构前后对比)

    回顾头来看看那些Javascript脚本，有写得不太理想，过于复杂。现抽取出来，重构它们,想学习javascript重构的朋友可以参考下啊，网本文可以帮助你的
    2013-01-01
  • 浅析JavaScript中预编译的原理与流程

    浅析JavaScript中预编译的原理与流程

    这篇文章主要为大家详细介绍了JavaScript中预编译的原理与流程的相关知识,文中的示例代码讲解详细,对我们深入了解JavaScript有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10
  • JavaScript实现简单图片轮播效果

    JavaScript实现简单图片轮播效果

    这篇文章主要介绍了JavaScript实现简单图片轮播效果，点击下标切换到该图片上，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论