HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>时间日期</title>

<meta charset="utf-8" />

<script src="setTime.js"></script>

</head>

<body>

<script>

    //封装1

    var mc = new MyClass();//初始化组件

    mc.setTime("2015-12-04",1,2);//组件调用方法

    //封装2

    Person("zhang",18,"web","什么是封装");

</script>

</body>

</html>
setTime  JS文件
//封装一

//设置跑马灯效果

function MyClass(){

   this.setTime=function(z_str,num1,num2){//定义类方法

        var date=new Date(); //当前时间

        var tYear=date.getFullYear(); //当前年份

        var tMonth=date.getMonth(); //当前月份

        var tDay=date.getDate(); //当前日期

        console.log("当前时间="+tYear+"-"+(tMonth+1)+"-"+tDay);

        //日期对象 month+1

        var iTime=new Date(z_str); //目标日期

        var iYear=iTime.getFullYear(); //目标年份

        var iMonth=iTime.getMonth(); //目标月份

        var iDay=iTime.getDate(); //目标日期

        console.log("目标时间="+iYear+"-"+(iMonth+1)+"-"+iDay);

        if(tYear < iYear){

            console.log("当前年份小于目标年份");

            document.write("<script src=\"z_marquee.js\"><\/script>");

        }else if(tYear==iYear){

            console.log("当前年份等于目标年份");

            if(tMonth <= iMonth){

                if(tDay<iDay){

                    console.log("当前日期小于目标日期");

                    document.write("<script src=\"z_marquee.js\"><\/script>");

                }else{

                    console.log("当前日期大于目标日期");

                }

            }else{

                console.log("到达预期时间！");

            }

        }else{

            console.log("当前年份等大于目标年份");

        }

        console.log("效果="+num1);

        console.log("效果="+num2);

   }

}

//封装二

function Person(name,age,job,sn){

    this.name = name;

    this.age = age;

    this.job = job;

    this.sayName = function(str){

        document.write(str);

    };

    this.sayName(sn);

}

//封装三

以上均为自己备份 如有不足地方 望大家指正

javascript 封装（给自己看）的更多相关文章

  1. Javascript 封装方法

    基本封装方法 请看下面的例子: var Person = function(name,age){ this.name = name; this.age = age || "未填写" ...

  2. javaScript封装的各种写法

    在javascript的世界里,写法是个神奇的现象,真是百家齐开放啊!每次看到老外写的js组件,思想和写法都怪异,就没看到一个js结构基本相同的代码出来.今天,我就来谈谈js写法,我在开发过程中,也写 ...

  3. 分享几个Javascript 封装方法

    基本封装方法 请看下面的例子: var Person = function(name,age){ this.name = name; this.age = age || "未填写" ...

  4. Javascript 封装问题

    Javascript 封装问题 为什么会用这样一个题目呢,这是要说封装的什么问题,本文并不讲高深的封装理论,只是解决一个小问题. 问题来源 今天在百度知道上闲逛,遇到一个网友的问题,问题如下,问题的地 ...

  5. JavaScript封装

    js封装就是把使用方式简单化,内部逻辑和使用解耦.使用人员知道参数和返回值就可以了,其他不用使用人员设置. 封装就是将属性,方法,字段等封装成类. JavaScript封装方法 1,函数方式 func ...

  6. 面向对象的JavaScript --- 封装

    面向对象的JavaScript --- 封装 封装 封装的目的是将信息隐藏.一般而言,我们讨论的封装是封装数据和封装实现.真正的封装为更广义的封装,不仅包括封装数据和封装实现,还包括封装类型和封装变化 ...

  7. 【JavaScript 封装库】BETA 4.0 测试版发布！

    /* 源码作者: 石不易(Louis Shi) 联系方式: http://www.shibuyi.net =============================================== ...

  8. 【JavaScript 封装库】BETA 3.0 测试版发布！

    /* 源码作者: 石不易(Louis Shi) 联系方式: http://www.shibuyi.net =============================================== ...

  9. 【JavaScript 封装库】BETA 2.0 测试版发布！

    /* 源码作者: 石不易(Louis Shi) 联系方式: http://www.shibuyi.net =============================================== ...

  10. 【JavaScript 封装库】BETA 1.0 测试版发布！

    /* 源码作者: 石不易(Louis Shi) 联系方式: http://www.shibuyi.net =============================================== ...

随机推荐

  1. [问题2014A05] 解答

    [问题2014A05]  解答 (1) 将矩阵 \(A\) 分解为两个矩阵的乘积: \[A=\begin{bmatrix} 1 & 1 & \cdots & 1 & 1 ...

  2. Key Figure、Exception Aggreagion、Non-Cumulative KeyFigure

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  3. CSS 3中边框怎么用

    (1)设置边框图片的来源 图片边框默认只在四个顶点显示 none: 无背景图片; border-image-source: url('borderImage.png'); (2)边框图片的分割 将图片 ...

  4. CSS样式汇总

    1. Overflow: 是否隐藏超出容器范围之外的内容,主要参数包括Hidden(隐藏),Auto(根据容器内容自动显示滚动条),scroll(显示滚动条,即使内容不超出容器范围,也会显示一个边框, ...

  5. 运行Maven是报错：No goals have been specified for this build

    No goals have been specified for this build. You must specify a valid lifecycle phase or a goal in t ...

  6. cygwin编译环境小记

    [gcc] 预定义宏 编译器通常会根据平台和编译选项的不同,为被编译的程序提供不同的预定义的宏, 例如WIN32 WIN64 LINUX, 例如DEBUG, RELEASE. 1. 在使用gcc/g+ ...

  7. gitgub利用客户端实现简单的上传和同步

    新建项目 打开客户端(将项目拷贝到本地) 选择要clone到的文件夹 想该文件夹中,导入自己需要上传的代码 然后,在网站上登录自己的gitgub,就可以看到刚才上传的项目了╮(╯▽╰)╭

  8. 001_kafka起步

    一.简介 Kafka is a distributed, partitioned, replicated commit log service. It provides the functionali ...

  9. 做完c语言作业的心得

    算是第一次自己接触c语言,并不是很深入的了解了,但也完成了第一次课的作业.在没有复制粘贴的情况下,8遍的简单编程让我记下了它基本的格式. 实验1.2.3.7都是基本的输入字,和课上的练习差不多,巩固最 ...

  10. python中main()函数写法

    顶顶大名的Guido van Rossum(Python之父)推荐的main写法: #!/usr/bin/python import sys import getopt class Usage(Exc ...