自从认识了jQuery后，很多页面加载入口，都放在document.ready里面。但是有时候这个觉得ready加载太慢，

这个【监测类 】就开始产生了

效果类似这个。

每10毫秒检查一次，直到加载了jQuery 和$.fn.lazyload，再初始化页面

 var jqloadIvl=setInterval(function(){

            if(typeof jQuery!="undefined" && typeof $.fn.lazyload =="function"){

                $('.productbox img').lazyload({ threshold:200});

                clearInterval(jqloadIvl);

            }

 },10);

于是写成一个类

监控变量c，直到c==1，才调用callback这个函数

<!DOCTYPE>

<html>

<head>

<title>测试</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="http://files.cnblogs.com/files/hhkedang/waiter.js"></script>

</head>

<body>

<script>

var c=0;

var w = new Waiter();

w.check( function () {

   return c==1;

});

w.callback(function(){

    alert("Ok");

});

w.threshold = 100;//100毫秒检查一次

w.listen();

var setone=function(){

    c=1;

}

</script>

<input type="button" value="把值为1"  onclick="setone()" />

</body>

</html>

按例2：

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>测试</title>

<script src="http://files.cnblogs.com/files/hhkedang/waiter.js"></script>

</head>

<body>

<script>

var __index;

var data="";

var w = new Waiter();

w.check(function () {

    return typeof data !="undefined" && data.length>=10;

});

w.check(function () {

    return typeof data != "undefined" && data.length >= 20;

});

w.callback(function(){

    console.log("数据10加载完毕");

});

w.callback(function () {

    console.log("数据20加载完毕");

});

w.threshold = 10;//默认100毫秒

w.listen();

//模拟加载数据过程

__index=setInterval(function(){

    data += "■";

    document.title = data;

},100);

</script> 

</body>

</html>

实例2里，检测 data 的过程,分段检查。

下载write.js

js 一个自写的 监测类的更多相关文章

  1. JAVA一个文件写多个类

    JAVA一个文件写多个类,并且是同级类,需注意: 在一个.java文件中可以有多个同级类,  其修饰符只可以public/abstract/final/和无修饰符 public修饰的只能有一个,且必须 ...

  2. vue element-ui怎样提炼一个自己写的js当作公共js

    vue element-ui怎样提炼一个自己写的js当作公共js请教一下各位大神,我刚刚触摸vue element-ui几天,写的一个清晰检索的input框,现在需当作项目公共的部分,可遭需的html ...

  3. 用node.js从零开始去写一个简单的爬虫

    如果你不会Python语言,正好又是一个node.js小白,看完这篇文章之后,一定会觉得受益匪浅,感受到自己又新get到了一门技能,如何用node.js从零开始去写一个简单的爬虫,十分钟时间就能搞定, ...

  4. 写shell工具类，一个常用实例

    简述: 当我们常用到某些指令时,我们就需要将这个命令进行封装.封装的设计和扩展,因人而异.但为了每个人都能够了解到这个命令,常需要写出这个类的help. 关键字: 函数.getopts 函数 通过自定 ...

  5. JS面向对象（3） -- Object类，静态属性，闭包，私有属性， call和apply的使用，继承的三种实现方法

    相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对 ...

  6. 几道JS代码手写面试题

    几道JS代码手写面试题   (1) 高阶段函数实现AOP(面向切面编程)    Function.prototype.before = function (beforefn) {        let ...

  7. springmvc2 一个控制器写多个方法（非注解方式）

    出处:http://blog.csdn.net/xuewenke/article/details/23895999 springmvc2 一个控制器写多个方法(非注解方式) 分类: spring 20 ...

  8. SpringMVC实现一个controller写多个方法

    MultiActionController与ParameterMethodNameResolver在一个Controller类中定义多个方法,并根据使用者的请求来执行当中的某个方法,相当于Struts ...

  9. 一个网友写的栈，问为啥不能迭代。具有__iter__ 和next方法的对象叫迭代器-七七巴巴黄页网

    一个网友写的栈,问为啥不能迭代.具有__iter__ 和next方法的对象叫迭代器-七七巴巴黄页网 一个网友写的栈,问为啥不能迭代.具有__iter__ 和next方法的对象叫迭代器 python视频 ...

随机推荐

  1. MySQL中INFORMATION_SCHEMA是什么？（2）

    information_schema数据库表说明: SCHEMATA:提供了当前mysql实例中所有数据库的信息.是show databases的结果取之此表. TABLES:提供了关于数据库中的表的 ...

  2. C fopen

    格式:文件指针名=fopen(文件名,使用文件方式) 参数:文件名 意义"C://TC//qwe.txt" 文件C:/TC/qwe.txt"qwe.txt" 和 ...

  3. Java集合类学习-LinkedList, ArrayList, Stack, Queue, Vector

    Collection List 在Collection的基础上引入了有序的概念,位置精确:允许相同元素.在列表上迭代通常优于索引遍历.特殊的ListIterator迭代器允许元素插入.替换,双向访问, ...

  4. ZOJ 2771

      Description Considering a light entering three adjacent planes of glass. At any meeting surface, t ...

  5. 【RabbitMQ】 WorkQueues

    消息分发 在[RabbitMQ] HelloWorld中我们写了发送/接收消息的程序.这次我们将创建一个Work Queue用来在多个消费者之间分配耗时任务. Work Queues(又称为:Task ...

  6. asp.net identity 2.2.0 在WebForm下的角色启用和基本使用（四）

    有网友问及权限的问题,其实我觉得没什么改进. 主目录下的web.config基本不用改.要说要改的也就只有数据库连接了. <authentication mode="None" ...

  7. 简单实用JSTL标签库

    1. JSTL标签库是一个什么东东? 简单来说,有了它你就可以在类似HTML的JSP页面里面运用一些高级语法,实现迭代.条件判断.XML文档操作.国际化标签.SQL标签. 2. 如何使用 ? 参考网址 ...

  8. bahuanghou111

    #include<stdio.h> int map[8][8]={0}; int count=0; int safe(int x,int y) { int i; int j; for(i= ...

  9. Assign an Elastic IP Address to Your Instance

    By default, an instance in a nondefault VPC is not assigned a public IP address, and is private.You ...

  10. Unite洛杉矶峰会精彩回顾:从图形、平台再到VR

    产品质量与工作流程 在Unity的研发过程中,保持创新的步伐与稳定性的平衡一直是一个挑战.Unity曾经向所有的用户承诺:Unity将专注于提升产品的质量并保证Unity版本稳定性的决心. 大会伊始, ...