<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>网页上的日期台历</title>

        <STYLE>

            A.menuitem {

                COLOR: menutext;

                TEXT-DECORATION: none

            }

            A.menuitem:hover {

                COLOR: highlighttext;

                BACKGROUND-COLOR: highlight

            }

            DIV.contextmenu {

                BORDER-RIGHT: 2px outset;

                BORDER-TOP: 2px outset;

                Z-INDEX: 999;

                VISIBILITY: hidden;

                BORDER-LEFT: 2px outset;

                BORDER-BOTTOM: 2px outset;

                POSITION: absolute;

                BACKGROUND-COLOR: buttonface

            }

        </STYLE>

    </head>

    <body>

        <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-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-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-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-size:9pt;line-height:120%"></font><br>');

            document.write('<font id="calendarClock4" style="color:#100080;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>

    </body>

</html>

html日历(2)的更多相关文章

  1. 【踩坑速记】开源日历控件，顺便全面解析开源库打包发布到Bintray/Jcenter全过程（新），让开源更简单~

    一.写在前面 自使用android studio开始,就被它独特的依赖方式:compile 'com.android.support:appcompat-v7:25.0.1'所深深吸引,自从有了它,麻 ...

  2. 开源一款简单清爽的日历组件，JavaScript版的

    源码会在最后给出地址,需要的朋友自己去下载.最近项目需要做一个日程安排的功能,就是点击日历的某一天弹出一个录入页面,填完信息后保存当天的日程安排.有日程的日期会有不同的标记(比如加一个背景色啥的).网 ...

  3. FullCalendar日历插件说明文档

    FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法.回调函数等整理成中 ...

  4. 被逼着写的jquery工作日管理日历插件

    因为工作原因,在我刚进入新公司之后,立马要求让我做一个jquery的插件demo.我的天,我面试的可是.net工程师啊.虽然以前接触过js,jquery,但也只是接触过一丢丢啊,没办法,只好硬着头皮上 ...

  5. java基础练习 字符串，控制流，日历，日期等

    1,对基本控制流程的一些练习 package org.base.practice3; import org.junit.Test; /** * Created with IntelliJ IDEA. ...

  6. [JS,Canvas]日历时钟

    [JS,Canvas]日历时钟 Html: <!doctype html> <html> <head> <meta charset="UTF-8&q ...

  7. 用NSCalendar和UICollectionView自定义日历，并实现签到显示

    前一段时间因为工作需要实现了一个可以签到的日历,来记录一下实现的思路 效果如图:   这里的基本需求是: 1,显示用户某个月的签到情况,已经签到的日子打个圈,没有签到且在某个时间范围内的可以签到,其他 ...

  8. java日历显示年份、月份

    import java.util.Scanner;class CalendarMain{     //主函数入口    public static void main(String[] args)   ...

  9. 网页日历显示控件calendar3.1

    关于日历控件,我做了好多次尝试,一直致力于开发一款简单易用的日历控件.我的想法是争取在引用这个控件后,用一行js代码就能做出一个日历,若在加点参数,就能自定义外观和功能丰富多彩的日历.Calendar ...

  10. Python学习实践-----打印日历

    使用python语言实现在控制台打印日历 输入年.月.日 输出对应日历,指定的日数输出为'--' 程序没有做严格的输入验证,故输入整数即可. 以下为没有优化的源码: print_calendar.py ...

随机推荐

  1. Vue入门总结

    技术栈:VUE:Vue-router:Vue-resource:Vue-cli: 项目:个人博客vue重构 一.vue-cli脚手架搭建项目结构 全局安装vue-cli: npm install vu ...

  2. swig官方go Examples 源码勘误

    勘误 在官网下载页面(http://www.swig.org/download.html )下载的swigwin-3.0.12包中go示例源码有个错误(swigwin-3.0.12\Examples\ ...

  3. 房上的猫：while循环与do-while循环，debug的调试运用

    一.循环结构 1.循环不是无休止进行的,满足一定条件的时候循环才会继续,称为"循环条件",循环条件不满足的时候,循环退出 2.循环结构是反复进行相同的或类似的一系列操作,称为&qu ...

  4. 《UNP》学习之TCP状态转换

    CLOSED:TCP起始状态 LISTEN:绑定端口后进入listen状态,一般是服务端 SYN_SENT:发送SYN连接请求,主动打开连接的一方进入SYN_SENT SYN_RCVD:接收到SYN连 ...

  5. Java求循环节长度

    两个整数做除法,有时会产生循环小数,其循环部分称为:循环节.比如,11/13=6=>0.846153846153.....  其循环节为[846153] 共有6位.下面的方法,可以求出循环节的长 ...

  6. Javascipt数组

    Javascipt数组 在Javascript中数组的做用是:使用单独的变量名来储存一系列的值. 数组只有一个属性,就是length,length表示的数组所占内存空间的数目. <!DOCTYP ...

  7. python键盘读入的input方法

    今天了解了一下python,学了一些小东西,便存下了: input函数(raw_input在3.0版本没有,所以就不说了!) num = input ("输入一个数:")  |备注 ...

  8. F# 之旅（下）

    写在前面的话 学习 F# 一定要去体会函数式编程的特点,推荐一下阮一峰的日志<函数式编程入门教程>. 在这篇文章中 递归函数 记录和可区分联合类型 模式匹配 可选类型 度量单位 类和接口 ...

  9. 掌握一门语言Go

    摘要:Go语言的优势不必多说,通过本篇文章,让我们花时间来掌握一门外语,Let's Go! 关键字:Go语言,闭包,基本语法,函数与方法,指针,slice,defer,channel,goroutin ...

  10. 从Unity中的Attribute到AOP(六)

    本文将重点对Unity剩下常用的Attribute进行讲解,其他不常用的Attribute各位可以自行去官方文档查阅. 首先是UnityEngine命名空间下的. ColorUsage,这个主要作用于 ...