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. [问题2014S04] 解答

    [问题2014S04] 解答  由于 \(A\) 可对角化, 可设 \(\alpha_1,\alpha_2,\cdots,\alpha_n\in\mathbb{C}^n\) 是 \(A\) 的 \(n ...

  2. Java-简陋的图书管理

    本文代码为原创一个简陋的管理系统,只做功能的测试.并没有去完善所有应有的功能,只做了输入输出查找.仅供参考! 菜单部分: import java.util.Scanner; public class ...

  3. sqlAlchemy 按DateTime字段的年或月进行group_by查询

    一.根据”create_date“查询每天的数据 1.查询2016年5月每天的数据 session.query(extract('day', User.create_date).label('day' ...

  4. 【matlab】膨胀

    clear all;close all; BW=zeros(9,10); BW(4:6,4:7) =1 imshow(BW) hold on SE=strel('square',3) BW2=imdi ...

  5. mysql跨数据库操作问题

    跨数据库的操作,如果是命名符合mysql规范的直接database.table,如果不符合规范比如加了 -  等符号需要在数据库上面加`database`.table(不是'database'.tab ...

  6. 带选择的sql简单用法

    一般写法: select * from itcast_topic order by (case type when 2 then 2 else 1 end ) desc ,postTime desc ...

  7. SG函数 专题练习

    [hdu1536][poj2960]S-Nim 题意 题意就是给出一个数组h,为每次可以取石子的数目. 然后给你n堆石子每堆si.求解先手能不能赢? 分析 根据\(h\)数组预处理出\(sg[i]\) ...

  8. 使用QTP测试Web对象

    加载Web插件先启动QTP,再启动浏览器,否则Web元素识别不了最新版本QTP11支持的浏览器:IE:6.7.8Firefox:3.0.x.3.5.QTP支持直接访问DOM(Document Obje ...

  9. 并发编程 02—— ConcurrentHashMap

    Java并发编程实践 目录 并发编程 01—— ThreadLocal 并发编程 02—— ConcurrentHashMap 并发编程 03—— 阻塞队列和生产者-消费者模式 并发编程 04—— 闭 ...

  10. Windows Store App 用户库文件分组

    在Windows应用商店应用程序中浏览用户库中的文件时,可以将文件或者文件夹分组显示,以便于进行分类浏览,这类似于音乐库中的文件可以按照艺术家名称.创建日期或者评级等多种方式进行分类.本节内容将会介绍 ...