<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT language=javascript>
function showDate()
{
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();
if (year< 100) year = 1900 + year;
cent = parseInt(year/100);
g = year % 19;
k = parseInt((cent - 17)/25);
i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;
i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));
j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;
l = i - j;
emonth = 3 + parseInt((l + 40)/44);
edate = l + 28 - 31*parseInt((emonth/4));
emonth--;
var dayname = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var monthname =
new Array ("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月" );
var message = "<font>今天是："+year +"年"+ monthname[month]+ date + "日" + dayname[day]+" "+"</font>";
return message;
}
function showTime()
{
if(!document.layers&&!document.all) return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
if(hours==0) hours=12
if(minutes<=9) minutes="0"+minutes
if(seconds<=9) seconds="0"+seconds
myclock="<font size='6' face='Arial'>"+hours+":"+minutes+":"+seconds+"</font>"
setTimeout("showTime()",1000)
var message = this.showDate()+"<br/>"+myclock;
var msg = "<font>现在是下午哦！别打瞌睡啊~小心被BOSS扁~<br/>北京 20℃-29℃ 多云转晴 微风</font>";
document.getElementById("message").innerHTML=message+"<br/>"+msg;
}
//>
</SCRIPT>
</HEAD>
<BODY onload="showTime()">
<div id="message" style="border:1px solid D6D6D6; width=230">
</div>
</BODY>
</HTML>
分享到：
相关推荐
总结来说，"node.js时钟案例"是一个综合性的项目，涉及到Node.js服务器端编程、HTML和CSS的处理、JavaScript的执行以及前端交互设计。通过学习和实践这个案例，开发者可以加深对Node.js、前端技术和动态Web页面构建...
JavaScript时钟特效是一种利用JavaScript编程语言创建的动态时钟展示方式，它可以为网站增添互动性和视觉吸引力。在这款"js时钟"项目中，开发者通过编写JavaScript代码模拟了传统指针式时钟的工作原理，使得网页上的...
JavaScript时钟是一种常见的网页动态效果，它通过JavaScript编程语言实现，可以实时显示当前时间或日期。在本篇文章中，我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟，并理解其背后的原理。 首先，我们...
在本项目中，我们探讨的是一个基于WebHTML的JavaScript时钟作业。这个时钟应用程序是用HTML5、CSS和JavaScript构建的，它实时显示计算机的当前时间，包括日期、星期以及具体的小时、分钟和秒数。这样的设计不仅有助...
以下是一个简单的JavaScript时钟特效的基本步骤： 1. 创建HTML结构：首先，你需要在HTML页面中添加一个元素来显示时钟。这可以是一个`<div>`或`<span>`，并为其设置适当的CSS样式以提高可读性和视觉吸引力。 ```...
首先，JavaScript时钟的核心是Date对象。这个内置对象提供了获取当前日期和时间的方法，如`new Date()`用于创建一个新的Date实例，`getDate()`、`getMonth()`、`getFullYear()`分别用于获取日、月、年，`getHours()`...
下面将详细讨论JavaScript时钟程序的核心概念、实现方法以及常见应用场景。 一、核心概念 1. `Date`对象：JavaScript中的`Date`对象是处理日期和时间的主要工具。它可以创建一个新的日期实例，并提供了多种方法来...
JavaScript时钟是一个基于JavaScript编程语言实现的实时时间显示功能，它可以动态更新页面上的时间，为用户提供当前日期和时间。在网页开发中，JavaScript时钟常用于创建动态用户体验，例如显示实时倒计时、日程提醒...
总的来说，创建一个JavaScript时钟是一个很好的实践项目，它能帮助开发者熟悉JavaScript的日期和时间处理、CSS3的transform属性以及定时器的使用。通过这个项目，你可以更深入地理解Web开发中的动态交互和实时更新...
综上所述，“绿色荧光电子时钟js时钟特效源码”涵盖了JavaScript基础、DOM操作、时间处理、CSS样式应用等多个方面，是学习和实践前端开发的好材料。通过研究这个源码，开发者可以提升自己在网页动态效果实现和交互...
在这个"JS时钟代码.zip"压缩包中，包含了一个利用CSS3和JavaScript构建的简单电子时钟的源码。这个时钟可能是一个独立的HTML页面，通过内联样式或外部CSS文件实现了视觉效果，而JavaScript则负责动态更新时间。 ...
在本案例中，"漂亮JS时钟"是一个利用JavaScript实现的视觉效果丰富的时钟应用，旨在提供一种时尚且吸引人的方式来显示时间。 首先，我们关注的核心文件是`clock.js`，这是一个JavaScript源代码文件，里面包含了实现...
js 特效 html 特效 纯JavaScript时钟 js 特效 html 特效 纯JavaScript时钟
javascript时钟，首先从服务器获取一个时间，再从本地机器上获取一个时间，计算时差A。然后每500毫秒从本地机器获取一次时间，用这个时间与时差A进行加减计算，得到服务器时间并打印在首页上。另外每次都要计算当前...
在本主题中，我们将深入探讨“纯JavaScript时钟”这一经典特效，它展示了JavaScript如何实时更新页面上的时间显示，无需依赖任何外部库，如jQuery。 在纯JavaScript时钟中，我们首先需要理解JavaScript的时间处理...
以上就是创建JavaScript时钟效果所需掌握的主要知识点，从基础的DOM操作到高级的性能优化，每个环节都是构建时钟效果不可或缺的一部分。通过实践这些概念，开发者可以创建出各种创新和富有吸引力的时钟界面。
在这个“JS时钟”的主题中，我们将深入探讨如何使用JavaScript来创建一个实时显示时间的时钟。 首先，我们从“clock.html”文件入手。HTML是网页的基础结构，而在这个案例中，HTML文件可能包含了一个时间显示区域，...