`
daohao123
  • 浏览: 56978 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JS时钟页面

 
阅读更多
<SCRIPT language=javascript>
<!--
function  Year_Month(){ 
  var  now  =  new  Date(); 
  var  yy  =  now.getYear(); 
  var  mm  =  now.getMonth(); 
  var  mmm=new  Array();
    mmm[0]="1月";
    mmm[1]="2月";
    mmm[2]="3月";
    mmm[3]="4月";
    mmm[4]="5月";
    mmm[5]="6月";
    mmm[6]="7月";
    mmm[7]="8月";
    mmm[8]="9月";
    mmm[9]="10月";
    mmm[10]="11月";
    mmm[11]="12月";
    mm=mmm[mm];
    return(mm  ); 
}

function  this_year(){ 
  var  now  =  new  Date(); 
  var  yy  =  now.getYear(); 
    return(yy  );
}

function  Date_of_Today(){ 
  var  now  =  new  Date(); 
    return(now.getDate()  );
}

function  CurentTime(){ 
  var  now  =  new  Date(); 
  var  hh  =  now.getHours(); 
  var  mm  =  now.getMinutes(); 
  var  ss  =  now.getTime()  %  60000; 
    ss  =  (ss  -  (ss  %  1000))  /  1000; 
    var  clock  =  hh+':'; 
    if  (mm  <  10)  clock  +=  '0'; 
    clock  +=  mm+':'; 
    if  (ss  <  10)  clock  +=  '0'; 
    clock  +=  ss; 
    return(clock);
}
 
function  refreshCalendarClock(){ 
    document.all.calendarClock1.innerHTML  =  Year_Month(); 
    document.all.calendarClock2.innerHTML  =  Date_of_Today(); 
    document.all.calendarClock3.innerHTML  =this_year(); 
    document.all.calendarClock4.innerHTML  =  CurentTime();
}

document.write('<b><font color=#ffffff size=2>当前时间是: </font><font color=#ffffff size=2 id="calendarClock3"></font></b>');
document.write('<b><font color=#ffffff size=2>年</font><font color=#ffffff size=2 id="calendarClock1"></font></b>');
document.write('<b><font color=#ffffff size=2 id="calendarClock2"></font></b>');
document.write('<b><font color=#ffffff size=2>日</font><font color=#ffffff size=2  id="calendarClock4"></font></b>');
setInterval('refreshCalendarClock()',1000);
//-->
</SCRIPT>
分享到:
评论

相关推荐

    js实现的一个时钟页面

    从给定的文件信息来看,这是一段使用JavaScript编写的代码,用于在网页上创建一个时钟页面。这个时钟不仅显示当前的时间,还包含了日期信息。以下是对这段代码涉及的关键知识点的详细解析: ### 1. HTML与...

    node.js时钟案例

    总结来说,"node.js时钟案例"是一个综合性的项目,涉及到Node.js服务器端编程、HTML和CSS的处理、JavaScript的执行以及前端交互设计。通过学习和实践这个案例,开发者可以加深对Node.js、前端技术和动态Web页面构建...

    js学习-数码时钟-动态显示当前时间

    在这个“js学习-数码时钟”项目中,我们将探讨如何利用JavaScript来创建一个实时更新,显示当前时间的数码时钟。 1. **基本概念** - **JavaScript**: 是一种解释型、弱类型、基于原型和事件驱动的编程语言,由网景...

    基于JavaScript的数字时钟

    在这个场景中,我们讨论的是一个用JavaScript实现的数字时钟,它旨在实时显示当前时间,并且针对不同的浏览器(如Internet Explorer和Firefox)进行了兼容性优化。 首先,让我们深入了解一下JavaScript数字时钟的...

    Javascript时钟

    JavaScript时钟是一种常见的网页动态效果,它通过JavaScript编程语言实现,可以实时显示当前时间或日期。在本篇文章中,我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟,并理解其背后的原理。 首先,我们...

    JavaScript时钟

    JavaScript时钟是一个基于JavaScript编程语言实现的实时时间显示功能,它可以动态更新页面上的时间,为用户提供当前日期和时间。在网页开发中,JavaScript时钟常用于创建动态用户体验,例如显示实时倒计时、日程提醒...

    js实现时钟效果

    在这个“js实现时钟效果”的项目中,我们将会探讨如何使用JavaScript来创建一个实时更新的数字或模拟时钟。这个项目通常包括以下几个部分:HTML结构、CSS样式以及JavaScript逻辑。 首先,`demo.html`文件是整个页面...

    天气预报_HTML静态页面_带时钟.zip

    4. **JavaScript(JS)**: 虽然没有明确提到,但实现一个实时更新的时钟功能通常需要JavaScript。通过JavaScript,可以定时更新页面上的时间显示,比如使用`setInterval`函数每秒更新一次时钟,或者利用`Date`对象...

    javascript+html实现的时钟

    这里的`&lt;style&gt;`标签定义了时钟显示的样式,而`&lt;script&gt;`标签则链接了一个名为`script.js`的外部JavaScript文件,这个文件将包含实现时钟功能的代码。 接下来,我们讨论JavaScript部分。`script.js`文件会包含一个...

    JS时钟。

    在这个“JS时钟”的主题中,我们将深入探讨如何使用JavaScript来创建一个实时显示时间的时钟。 首先,我们从“clock.html”文件入手。HTML是网页的基础结构,而在这个案例中,HTML文件可能包含了一个时间显示区域,...

    JS时钟代码.zip

    这个时钟可能是一个独立的HTML页面,通过内联样式或外部CSS文件实现了视觉效果,而JavaScript则负责动态更新时间。 首先,让我们了解一下JavaScript如何实现时钟功能。在JavaScript中,获取当前时间可以使用`Date`...

    js时钟

    【标题】:“js时钟”指的是使用JavaScript编程语言创建的实时动态显示时间的代码实现。JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它可以直接在用户浏览器上运行,无需服务器支持,能够方便地更新...

    纯Js实现的精美液晶时钟

    "纯Js实现的精美液晶时钟"项目就是一个利用JavaScript的强大功能,来创建一个模拟液晶显示屏效果的时钟。这个项目完全基于JavaScript,不依赖任何外部库,展现了JS在实现复杂动画和实时更新能力上的潜力。 液晶显示...

    html+css+js实现罗盘时钟

    在这个罗盘时钟项目中,JavaScript主要用来获取当前时间,计算指针的角度,并通过修改CSS属性来更新指针的位置。以下是一个简化的示例: ```javascript function updateClock() { const now = new Date(); const ...

    简易版电子时钟页面.zip

    综上所述,"简易版电子时钟页面.zip"提供了一个实践HTML、CSS和JavaScript基础的好机会,特别是关于时间处理和动态更新页面内容的知识。通过学习这个项目,你可以掌握创建动态网页的基本技能,并能进一步提升网页...

    Js时钟特效

    以下是一个简单的JavaScript时钟特效的基本步骤: 1. 创建HTML结构:首先,你需要在HTML页面中添加一个元素来显示时钟。这可以是一个`&lt;div&gt;`或`&lt;span&gt;`,并为其设置适当的CSS样式以提高可读性和视觉吸引力。 ```...

    基于WebHTML的js时钟作业

    在本项目中,我们探讨的是一个基于WebHTML的JavaScript时钟作业。这个时钟应用程序是用HTML5、CSS和JavaScript构建的,它实时显示计算机的当前时间,包括日期、星期以及具体的小时、分钟和秒数。这样的设计不仅有助...

    js时钟(以图片为素材).rar

    总的来说,创建一个JavaScript时钟是一个很好的实践项目,它能帮助开发者熟悉JavaScript的日期和时间处理、CSS3的transform属性以及定时器的使用。通过这个项目,你可以更深入地理解Web开发中的动态交互和实时更新...

    javascript写的时钟

    JavaScript编写的时钟是一种常见的网页动态效果,它利用了JavaScript语言强大的时间和日期处理能力来实时显示当前时间。在这个实例中,我们主要会涉及到以下几个JavaScript的知识点: 1. **全局变量与函数**:在...

    html+js滚动时钟.rar

    在这个“html+js滚动时钟.rar”压缩包中,包含的“滚动时钟”文件很可能是实现了一个实时更新的数字时钟,它能够在网页上动态显示当前的时间。下面我们将深入探讨HTML和JavaScript如何协同工作来创建这样的滚动时钟...

Global site tag (gtag.js) - Google Analytics