CSS3 居然会在隐藏显示的时候触发，真心太神奇了(在ff下是没有用的，在chrome下才阔以)

貌似我还是写了大循环，怎么样才能优化这个循环呢

加载图片：已经用到过好多次了↓

function loadImg(url){

        var img = new Image(); //创建一个Image对象，实现图片的预下载

        img.src = "images/"+url;

        if(img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数

            $("div").append(_img);

            return; // 直接返回，不用再处理onload事件

        }

        img.onload = function () {

            $("div").append(_img);

        }

    }

首页添加 定时添加css，为了防止setInterval可能不会停止，在unload和点击的时候都clearInterval了 ↓

var t = null , c = null;

    function timedMsg()

    {

        t=setInterval('$(".btn_begin").addClass("shake")',5000);

        c=setInterval('$(".btn_begin").removeClass("shake")',3000);

    }

    function clearTime(){

        clearInterval(t);

        clearInterval(c);

    }

    window.onload = function(){

        $(".btn_begin").click(function(){

            clearTime();

        });

        timedMsg();

    }

    window.unload = function(){

        clearTime();

    }

倒计时：

 20140612 新增（老项目中别人用的，感觉比我自己写的简单多了）↓

var count=15;

var timter=setInterval(function(){

    count--;

    if(count<=0){

        clearInterval(timter)

        window.location.reload();

    }else{

        $(".erro-panel span").show();

    }

},1000);
<html>

<head>

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

<script type="text/javascript">

var c=0,t;

function timedCount()

{

    document.getElementById('txt').value=c

    c=c+1

    if( c >= 8){

        stopCount()

    }else{

        t=setTimeout("timedCount()",1000)

    }

}

function stopCount()

{

    clearTimeout(t)

}

</script>

</head>

<body>

<form>

<input type="button" value="开始计时！" onClick="timedCount()">

<input type="text" id="txt">

<input type="button" value="停止计时！" onClick="stopCount()">

</form>

<p>

请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。

</p>

</body>

</html>

加载图片、倒计时--Columbia项目总结的更多相关文章

  1. django之创建第12个项目-加载图片

    百度云盘:django之创建第12个项目-加载图片 1.setting配置 #静态文件相关配置 # URL prefix for static files. # Example: "http ...

  2. JQuery实现无刷新下拉加载图片

          最近做的一个项目需要做页面无刷新下拉加载图片,调研了一番,大多都采用检测滚动条达到底部,然后利用ajax加载下一页数据对页面数据进行添加,根据这一逻辑,自己写了一个,具体代码如下: JQu ...

  3. android 网络加载图片，对图片资源进行优化，并且实现内存双缓存 + 磁盘缓存

    经常会用到 网络文件 比如查看大图片数据 资源优化的问题,当然用开源的项目  Android-Universal-Image-Loader  或者 ignition 都是个很好的选择. 在这里把原来 ...

  4. iOS两种方式加载图片的区别

    加载图片的方式: imageNamed: imageWithContentsOfFile: 加载Assets.xcassets这里面的图片: 1> 打包后变成Assets.car 2> 拿 ...

  5. Glide 加载图片

    //通过model获取到图片的url,将Url转换成bitmap对象: //设置不保存内存和硬盘缓存, 1 Glide.with(mContext).load(model.getVideoUrl()) ...

  6. listview可见再加载图片

    对于,listView如果同时含有大量文字和图片,那么对于用户,如果不需要滑动到后面,那么此时去加载网络图片,显然是耗费流量的. 此时可以做一些优化: listView.getRefreshableV ...

  7. android异步加载图片并缓存到本地实现方法

    图片过多造成内存溢出,这个是最不容易解决的,要想一些好的缓存策略,比如大图片使用LRU缓存策略或懒加载缓存策略.今天首先介绍一下本地缓存图片     在android项目中访问网络图片是非常普遍性的事 ...

  8. Android 异步加载图片，使用LruCache和SD卡或手机缓存，效果非常的流畅

      Android 高手进阶(21)  版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明出处http://blog.csdn.net/xiaanming/article/details ...

  9. Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果

     Android Glide加载图片时转换为圆形.圆角.毛玻璃等图片效果 附录1简单介绍了Android开源的图片加载框架.在实际的开发中,虽然Glide解决了快速加载图片的问题,但还有一个问题悬 ...

随机推荐

  1. 在包a中编写一个类Father，具有属性：年龄（私有）、姓名（公有）； 具有功能：工作（公有）、开车（公有）。 在包a中编写一个子类Son，具有属性：年龄（受保护的）、姓名； 具有功能：玩（私有）、学习（公有）。 最后在包b中编写主类Test，在主类的main方法中测试类Father与类Son。

    package a; public class Father { public String name; private int age; public Father(String name) { t ...

  2. 在Quartus II中分配管脚的两种常用方法

    在Quartus II中分配管脚的两种常用方法 示范程序 seg7_test.v 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 /* * ...

  3. block 实现原理详解（一）

    对于大多数人来讲,block内部到底是怎样实现的呢?我们可以借助clang将其编译成为c++的代码,就可以看出,block到底是什么东西, 先来看这样一个问题, <!-- lang: cpp - ...

  4. FZU 2151 OOXX Game

    OOXX Game Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit St ...

  5. JS中string对象的一些方法

    原文地址(包含所有的string对象的方法):  http://www.dreamdu.com/javascript/object_string/ string.slice(startPos,endP ...

  6. c#扩展方法的理解（二:接口）

    namespace ExtensionInterfaceMethod { class Program { static void Main(string[] args) { //使用接口变量来调用扩展 ...

  7. 职责链模式，chain of responsibility

    定义: 使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系.将这个对象连城一条链,并沿着这条链传递该请求,知道有一个对象处理它为止. 客户端并不知道哪个对象会最终处理这个请求,这样 ...

  8. [SAP ABAP开发技术总结]预定义（内置）数据类型

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

  9. JQuery 选中Radio

    <tr> <td> <input type="radio" name="rdb" value="启用" che ...

  10. C# 模拟鼠标写字

    经常看到别人拿个四四方方的写字板用笔写字,用C#其实也可以实现,大致思路就是处理鼠标的坐标和Graphics, 代码如下: 首先声明两个全局变量 bool isMouseDown = false; P ...