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

用JS写的一个日历

阅读更多
<SCRIPT language=JavaScript>
function Year_Month(){
var now = new Date();
var yy = now.getYear();
var mm = now.getMonth()+1;
var cl = '<font color="#0000df">';
if (now.getDay() == 0) cl = '<font color="#c00000">';
if (now.getDay() == 6) cl = '<font color="#00c000">';
return(cl + yy + '年' + mm + '月</font>'); }
function Date_of_Today(){
var now = new Date();
var cl = '<font color="#ff0000">';
if (now.getDay() == 0) cl = '<font color="#c00000">';
if (now.getDay() == 6) cl = '<font color="#00c000">';
return(cl + now.getDate() + '</font>'); }
function Day_of_Today(){
var day = new Array();
day[0] = "星期日";
day[1] = "星期一";
day[2] = "星期二";
day[3] = "星期三";
day[4] = "星期四";
day[5] = "星期五";
day[6] = "星期六";
var now = new Date();
var cl = '<font color="#0000df">';
if (now.getDay() == 0) cl = '<font color="#c00000">';
if (now.getDay() == 6) cl = '<font color="#00c000">';
return(cl + day[now.getDay()] + '</font>'); }
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 = Day_of_Today();
document.all.calendarClock4.innerHTML = CurentTime(); }
var webUrl = webUrl;
document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>');
document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');
document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee">');
document.write('<tr><td align="center"><font ');
document.write('style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ');
if (webUrl != 'netflower'){
document.write('</td></tr><tr><td align="center"><font ');
document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');
}
document.write('</td></tr></table>');
document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">');
document.write('<tr><td valign="top" width="100%" height="100%">');
document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">');
document.write('<tr><td align="center" width="100%" height="100%" >');
document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');
document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>');
document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>');
document.write('<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>');
document.write('</td></tr></table>');
document.write('</td></tr></table>');
document.write('</td></tr></table>');
setInterval('refreshCalendarClock()',1000);
</SCRIPT>

分享到:
评论

相关推荐

    一个不错的日历代码 javascript编写

    用JavaScript编写的一款比较经典的日历代码

    用js的一个日历用js的一个日历

    用js的一个日历选择框,用js的一个日历选择框用js的一个日历选择框用js的一个日历选择框

    一个用JS写的简日历

    一个用JS写的简日历,可任意改变颜色,简单实用。

    一个用javascript写的日历

    标题中的“一个用javascript写的日历”表明这是一个使用JavaScript编程语言实现的日历应用程序。JavaScript是一种广泛用于网页和网络应用的脚本语言,特别是在客户端的浏览器环境中,它能够为用户提供动态交互体验。...

    用JS写的日历 很好用的日历

    首先,JavaScript日历控件是前端开发中的一个重要组成部分,它能够帮助用户方便地选择日期,常用于表单输入、事件预订或时间管理等场景。这种控件的核心在于,它需要能够正确地显示当前月份和年份,并允许用户切换到...

    用JS写了个日历,类似BLOG那种

    标题中的“用JS写了个日历,类似BLOG那种”指的是使用JavaScript编程语言实现的一个日历功能,这种日历通常用于博客或者网站中,提供日期选择或者日程管理的功能。JavaScript是前端开发的重要语言,它允许在用户...

    js 日历 js日历 例子 javascript日历

    JavaScript日历是一个常见的网页交互元素,它为用户提供了一个方便的方式来选择日期,常见于表单填写、事件安排等场景。在Web开发中,JavaScript日历组件的实现主要依赖于JavaScript语言和CSS来完成页面布局和样式...

    js酒店价格日历_js门票价格日历_javascript价格日历

    data.php 包含一个价格日历生成类和 一些实例 product.php ajax产品的json格式 style 样式和js文件 说明: 此程序中js是驴妈妈上的,我做了些修改,做学习用,精简了代码和功能,只提供酒店和门票,部分提交url请...

    一个用JS封装好的日历代码

    本资源提供了一个用JS封装好的日历代码,这是一个非常实用的功能,通常用于网站上的日期选择器或者事件管理应用。下面我们将详细探讨这个日历代码的实现原理、关键功能以及可能的扩展点。 首先,让我们了解日历组件...

    一个js写的日历控件

    在这个场景中,我们讨论的是一个用JS编写的日历控件,其目的是为了帮助用户在预订酒店时方便地选择入住日期和离店日期。这种控件在电子商务、旅游预订和各种在线服务网站中非常常见。 日历控件的基本功能包括展示一...

    自己写了个JS日历

    标题中的“自己写了个JS日历”表明这是一个关于JavaScript实现的日历组件的项目。JavaScript是一种广泛用于网页和网络应用的编程语言,尤其适用于处理客户端的交互。在这个项目中,作者可能利用JavaScript的DOM操作...

    使用vue写的一个简单的日历

    在本文中,我们将深入探讨如何使用Vue.js框架创建一个简单的日历组件。Vue.js是一个流行的前端JavaScript库,它提供了一种声明式、组件化的开发方式,使得构建用户界面变得更为简单和高效。在这个项目中,我们将关注...

    javascript写的日历

    总结一下,这个纯JavaScript日历组件利用了JavaScript的DOM操作、Date对象以及事件处理等核心特性,提供了一个完整的日期和时间选择功能。对于前端开发者来说,理解和掌握这样的组件有助于提升网页交互设计的能力。

    用 js + html 实现一个网页版日历

    使用js + html 实现的简单的网页版日历,顶部默认会显示当前日期和时间,时间会精确到秒,并且时间会实时刷新,日历UI符合主流日历的样式,可以选择年,月,日查看每个月份的每一天对应星期几,默认显示当前日期所在...

    javascript 写的一个日历,可以查农历的

    在这个案例中,我们看到的"javascript 写的一个日历,可以查农历的"很可能是一个自定义的日历组件,它通过JavaScript实现了丰富的功能。 首先,让我们了解一下JavaScript的基础。JavaScript是一种解释型、基于原型...

    html js脚本日历控件

    7. **兼容性**:考虑到浏览器的多样性,编写JavaScript日历控件时需要关注跨浏览器的兼容性问题,确保在不同的浏览器(如Chrome、Firefox、Safari、Edge和IE)上都能正常工作。 在提供的文件名中,"calendar.html"...

    JS写的万年历、日历

    首先,`JS写的万年历`是指使用JavaScript编程语言来创建一个能够显示从公元0001年到9999年所有日期的组件。JavaScript作为客户端脚本语言,可以在用户浏览器上运行,无需服务器交互,从而提供实时的用户体验。 在...

    用js写的网页日历选择工具

    总结,这个“用js写的网页日历选择工具”是一个利用JavaScript实现的交互式日历组件,它限制用户只能选择当前时间之后的日期。在实际开发中,需要结合HTML创建界面,使用JavaScript处理交互逻辑,同时考虑可访问性、...

Global site tag (gtag.js) - Google Analytics