<!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. HDFS租约实践

    一.租约详解 Why租约 HDFS的读写模式为 "write-once-read-many",为了实现write-once,需要设计一种互斥机制,租约应运而生租约本质上是一个有时间 ...

  2. 在亚马逊linux环境上装mysql+添加启动项

    安装mysql sudo yum install mysql sudo yum install mysql-server sudo yum install mysql-devel 添加到系统启动项su ...

  3. kibana提示“Your Kibana index is out of date, reset it or use the X-Pack upgrade assistant.”

    =============================================== 2017/12/15_第1次修改                       ccb_warlock = ...

  4. Linux(CentOS6.5)下修改Nginx初始化配置

    本文地址http://comexchan.cnblogs.com/,作者Comex Chan,尊重知识产权,转载请注明出处,谢谢! 首先备份相关文件: cp /comexHome/nginx/conf ...

  5. FPGA设计思想与技巧（转载）

    题记:这个笔记不是特权同学自己整理的,特权同学只是对这个笔记做了一下完善,也忘了是从那DOWNLOAD来的,首先对整理者表示感谢.这些知识点确实都很实用,这些设计思想或者也可以说是经验吧,是很值得每一 ...

  6. Rstudio( bioconductor)下载太慢，用国内镜像

    在Rstudio中,下载软件install.packages()和 bioconductor软件下载命令 source("http://bioconductor.org/biocLite.R ...

  7. MongoDB数据库详解

    第1章 数据库管理系统 1.1 前言 01.数据的定义:文字.图像.地理位置信息(坐标.经纬度)等 02.数据库管理系统的定义:建立.存取和管理数据,保证数据安全和完整性的软件 03.常见的数据库管理 ...

  8. JavaScript实现ZLOGO: 用语法树实现多层循环

    原址: https://zhuanlan.zhihu.com/p/32571516 照例先上演示弱效果图. 演示地址照旧: 代码如下: 开始 循环4次 循环4次 前进50 左转90度 到此为止 右转9 ...

  9. exports与module.exports，export与export default 之间的关系和区别

    首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念. CommonJS模块规范 Node应用由模块组成,采用CommonJS模块规范. 根据这个规范,每个文件就是一个 ...

  10. python爬虫知识点三--解析豆瓣top250数据

    一.利用cookie访问import requests headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKi ...