<!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. java操作时间，将当前时间减一年，减一天，减一个月

    在Java中操作时间的时候,常常遇到求一段时间内的某些值,或者计算一段时间之间的天数 Date date = new Date();//获取当前时间 Calendar calendar = Calen ...

  2. Mysql的硬件优化和配置优化

    mysql数据库的优化,算是一个老生常谈的问题了,网上也有很多关于各方面性能优化的例子,今天我们要谈的是MySQL硬件优化和系统参数的优化-即优化my.cnf文件 MySQL的优化我分为两个部分,一是 ...

  3. vuex 基本用法、兄弟组件通信，参数传递

    vuex主要是是做数据交互,父子组件传值可以很容易办到,但是兄弟组件间传值,需要先将值传给父组件,再传给子组件,异常麻烦. vuex大概思路:a=new Vue(),发射数据'msg':a.$emit ...

  4. MicroPython可视化编程开发板—TurnipBit自制MP3教程实例

    转载请以链接形式注明文章来源(MicroPythonQQ技术交流群:157816561,公众号:MicroPython玩家汇) 当前我们都生活在一个有声有色的社会当中,欣赏美丽的景色,享受动人的音乐, ...

  5. ul li自适应居中导航

    <BODY> <div class="box"> <ul class="nav"> <li>邮箱管理</l ...

  6. 使用ui-route实现多层嵌套路由

    一.预期实现效果: https://liyuan-meng.github.io/uiRouter-app/index.html (项目地址:https://github.com/liyuan-meng ...

  7. HTML5 Audio/Video 标签,属性,方法,事件汇总 （转）

    HTML5 Audio/Video 标签,属性,方法,事件   <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放contro ...

  8. 机器学习小记——KNN（K近邻） ^_^ （一）

    为了让绝大多数人都可以看懂,所以我就用简单的话语来讲解机器学习每一个算法 第一次写ML的博文,所以可能会有些地方出错,欢迎各位大佬提出意见或错误 祝大家开心进步每一天- 博文代码全部为python 简 ...

  9. 巧用CSS居中未知高度的块元素

    在网页中让一个未知高度的块元素水平垂直居中是一个老生常谈的问题,但是总是有些特殊场景让你无法得心应手的实现居中,本文介绍几种常用的经典的居中方法,总有一种适合你! 1. position .paren ...

  10. 如何利用git shell提交代码到github

    在很早之前我根据找到的一些资料以及自己的实践总结了一篇如何将VS2015上的代码上传到GitHub上,后来我发现有小伙伴私信我,说跟我上面写的不一样,但是那段时间也比较忙,当我发现有人私信的时候差不过 ...