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

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

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

  1. function loadImg(url){
  2.         var img = new Image(); //创建一个Image对象，实现图片的预下载
  3.         img.src = "images/"+url;
  4.         if(img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数
  5.             $("div").append(_img);
  6.             return; // 直接返回，不用再处理onload事件
  7.         }
  8.         img.onload = function () {
  9.             $("div").append(_img);
  10.         }
  11.     }

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

  1. var t = null , c = null;
  2.     function timedMsg()
  3.     {
  4.         t=setInterval('$(".btn_begin").addClass("shake")',5000);
  5.         c=setInterval('$(".btn_begin").removeClass("shake")',3000);
  6.     }
  7.  
  8.     function clearTime(){
  9.         clearInterval(t);
  10.         clearInterval(c);
  11.     }
  12.  
  13.     window.onload = function(){
  14.         $(".btn_begin").click(function(){
  15.             clearTime();
  16.         });
  17.         timedMsg();
  18.     }
  19.  
  20.     window.unload = function(){
  21.         clearTime();
  22.     }

倒计时：

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

  1. var count=15;
  2. var timter=setInterval(function(){
  3.     count--;
  4.     if(count<=0){
  5.         clearInterval(timter)
  6.         window.location.reload();
  7.  
  8.     }else{
  9.         $(".erro-panel span").show();
  10.     }
  11. },1000);
  1. <html>
  2. <head>
  3. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  4. <script type="text/javascript">
  5. var c=0,t;
  6. function timedCount()
  7. {
  8.     document.getElementById('txt').value=c
  9.     c=c+1
  10.     if( c >= 8){
  11.         stopCount()
  12.     }else{
  13.         t=setTimeout("timedCount()",1000)
  14.     }
  15.  
  16. }
  17.  
  18. function stopCount()
  19. {
  20.     clearTimeout(t)
  21. }
  22. </script>
  23. </head>
  24.  
  25. <body>
  26. <form>
  27. <input type="button" value="开始计时！" onClick="timedCount()">
  28. <input type="text" id="txt">
  29. <input type="button" value="停止计时！" onClick="stopCount()">
  30. </form>
  31.  
  32. <p>
  33. 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
  34. </p>
  35.  
  36. </body>
  37.  
  38. </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. BZOJ 2668 交换棋子（费用流）

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=2668 题意:有一个n行m列的黑白棋盘,你每次可以交换两个相邻格子中的棋子,最终达到目标状 ...

  2. JAVA的文件创建

    package com.xia; import java.io.*; public class test2 { public static void main(String[] args) { //输 ...

  3. dev RichText高亮

    需要引用的DLL DevExpress.CodeParser DevExpress.Office DevExpress.RichEdit DevExpress.XtraRichEdit   MySyn ...

  4. DISPLAY_ITEM built-in in Oracle D2k Forms

    DISPLAY_ITEM built-in in Oracle D2k Forms DescriptionMaintained for backward compatibility only. For ...

  5. 设置三思LED的IP地址跟端口号

    出厂设置是:202.11.11.01 初始端口号是:2929 设置虚拟机的ip跟LED的ip在一个网段上,在虚拟机上telnet命令,登陆到LED上面. 在/etc/init.d/rcS文件中, #! ...

  6. Codeforces Round #135 (Div. 2) E. Parking Lot 线段数区间合并

    E. Parking Lot time limit per test 2 seconds memory limit per test 256 megabytes input standard inpu ...

  7. 《Linux内核设计的艺术》学习笔记（一）从开机加电到加载三个汇编源码

      实验内核版本:0.11 ◆ 从开机到main函数的三步: ① 启动BIOS,准备实模式下的中断向量表和中断服务程序: ② 从启动盘加载OS程序到内存中,加载OS程序的工作就是利用第一步中的中断服务 ...

  8. hd1496---->这道题是水水的数论吗？

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=1496 题意: Consider equations having the following form: ...

  9. ubuntu下安装gradle

    1.下载gradle 下载地址:当前版本gradle-2.10-all.zip http://gradle.org/gradle-download/ 2.解压安装gradle unzip gradle ...

  10. Java I/O 对象序列化

    我们知道对象的持持久化有三种方式: 1: 对象序列化 2: XML 3: 数据库技术 序列化可以帮助使得对象的生命周期不取决与程序是否正在执行,它可以生存于程序的调用之间. 只要将任何对象序列化到单一 ...