<!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. python学习中的一些“坑”

    一.交互列表元素时,需要注意的坑. 例如: array=[4,5,9,8,10,8,4,0,3,4]  最大的值与第一个元素交换,最小的值与最后一个元素交换 # -*- coding: UTF-8 - ...

  2. 根据图片的路径（绝对路径/相对路径都可以），生成base64的

    根据图片的路径(绝对路径/相对路径都可以),生成base64的 <!DOCTYPE html> <html> <head> <meta charset=&qu ...

  3. crontabs linux定时任务功能安装

    crontab命令常见于Unix和Linux的操作系统之中,用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并将其存放于"crontab"文件中,以供之后读取和执行.通常 ...

  4. SSM中（Spring-SpringMVC-Mybatis）（二：整合）

    使用Maven整合一个SSM,当然要配有Maven环境,Maven的环境配置自行百度,挺好配的 创建一个Maven项目以后,目录结构如图所示: 然后就是各部分配置: 首先pom导入依赖jar包: &l ...

  5. table-cell实现未知宽高图片，文本水平垂直居中在div

    <BODY> <h1>未知宽高的图片水平垂直居中在div</h1> <!--box-outer--> <div class="box-o ...

  6. [Spark内核] 第40课：CacheManager彻底解密：CacheManager运行原理流程图和源码详解

    本课主题 CacheManager 运行原理图 CacheManager 源码解析 CacheManager 运行原理图 [下图是CacheManager的运行原理图] 首先 RDD 是通过 iter ...

  7. 文字太多？控件太小？试试 TextView 的新特性 Autosizeing 吧！

    Hi,大家好,我是承香墨影! Android 8.0 已经发布了有一阵子了,如果你有在关注它,你应该会知道它新增了一个对于 TextView 字体大小变动的新特性:Autosizing. 本身这个新特 ...

  8. Java学习笔记14（面向对象七：final、static）

    final:意为最终,不可变,是一个修饰词 有时候一个类地功能被开发好了,不想让子类重写,修改,这里就会用到final关键字 final修饰类: 不可以被继承,但是可以继承其他类 示例: public ...

  9. 表单验证插件--formvalidation

    表单验证是一个非常基础的功能,当你的表单项少的时候,可以自己写验证,但是当你的表单有很多的时候,就需要一些验证的插件.今天介绍一款很好用的表单验证插件,formvalidation.其前身叫做boot ...

  10. 【扩展欧几里得】NOIP2012同余方程

    题目描述 求关于 x 的同余方程 ax ≡ 1 (mod b)的最小正整数解. 输入输出格式 输入格式: 输入只有一行,包含两个正整数 a, b,用一个空格隔开. 输出格式: 输出只有一行,包含一个正 ...