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. ace_admin_1.3.1 wysiwyg 工具条下拉出不来

    试了很久才知道是因为<script src="__PUBLIC__/assets/js/bootstrap.min.js"></script>  这个js加 ...

  2. iOS开发-- 创建podspec文件，为自己的项目添加pod支持

    开篇扯淡 作为一个iOS开发者,一定用过CocoaPods吧,没用过?点这儿去面壁吧 Cocoapods作为iOS开发的包管理器,给我们的开发带来了极大的便利,而且越来越多的第三方类库支持Pod,可以 ...

  3. 17.KVM安装之虚拟磁盘,安装脚本

    1.创建磁盘 vm.list 指定虚拟磁盘名称和主机名 create_vm.sh    #创建vm.list中的虚拟磁盘,并指定大小100G #!/bin/bash VM_DIR="/opt ...

  4. Linux命令行与命令

    Linux命令行与命令   作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! Linux的命令是很重要的工具,也往往是初学者最大的瓶 ...

  5. Nbimer族助手 部分控件不能用的解决方法（转）

    用户提出的问题现象: 我两天笔记本安装的都是win7 SP1系统,一台为64为一台为32位,网络环境是移动宽带通过D-Link路由器实现无线局域网,DHPC自动分配IP地址.每次打开IE或者Chrom ...

  6. unindent does not match any outer indentation level

    报错原因: 空格与tab键混用,一般粘贴代码时会出现 解决方法: 把所有缩进取消,然后用tab键来缩进

  7. Jqplot 使用总结之一(线条及节点颜色)

    好不容易抽出时间将Jqplot做下最后的总结,下面通过四个例子来学习Jqplot的一些常见技巧:示例1. 设置线条颜色(包括背景色及线条颜色的批量赋值) <!DOCTYPE html> & ...

  8. JS判断数组中是否有重复元素的方法

    判断数组中是否有重复元素,最容易想到的方法是使用2重循环,逐个遍历,比较,但是这个是最慢,最笨的方法,百度得出了更好的方法. var ary = new Array("111",& ...

  9. Gradient Boost Decision Tree（GBDT）中损失函数为什么是对数形式

    由于最近要经常用到XGBOOST的包,不免对相关的GBDT的原理又重新学习了一遍, 发现其中在考虑损失函数的时候,是以对数log进行度量的,囿于误差平方和函数的印象 那么为什么是对数呢?可能是下面的原 ...

  10. Yii1.1.16的安装（windows）

    下载yii1.1.16 http://pan.baidu.com/s/1mgyAOnI 解压后放到D盘,并重新命名为yii1.1.16,我是直接放在开发的目录下面 按"Window + R& ...