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>