js 不用onload的loding
第一种 简单的、
点击按钮的时候显示正在校验中... 校验完成了之后 校验成功
效果就是执行完file_check后 然后不知道怎么就用了settimeout 就进入到了 login_message函数 方法执行完成 让显示校验成功如图1 图2
function file_Check()
{setTimeout("login_message();",0);var loding='<div class="text-align:cengter;padding-top:40px;width:100%"> <img class="loading_spinner" src="data:images/blank2.gif"/>';loding+='<span class="loading_spinner_text loading-text">';loding+='正在校验请稍候....';loding+='</span>';loding+='</div>';$('message').innerHTML=loding;$('message').style.color='#ffffff';
}function login_message()
{var table=xjjhxd.LookInfo1().value;if(table!="")$('message').innerHTML="校验成功!";$('message').style.color='#00DD00';else$('message').innerHTML="校验失败!";
}
第二种 常用的
点击上传数据 出现img3 上传完成 gif隐藏
效果就是执行zheli() 让出现层如图3显示gif 执行完毕 隐藏gif
function good(){ingBox = $$("div");lodingBox.style.position="fixed";lodingBox.style.width=screen.width+"px";lodingBox.style.top="0px";lodingBox.style.left="0px";lodingBox.style.height=screen.height+"px";lodingBox.style.backgroundColor="#cccccc";lodingBox.style.filter="Alpha(Opacity=50)";lodingBox.style.opacity=0.5;lodingBox.id="lodingBox";var imgdiv=$$("div"); var imgdiv_width="300";var imgdiv_height="100";var imfdiv_left=screen.width-screen.width/2-imgdiv_width/2;var imfdiv_height=screen.height-screen.height/2-imgdiv_height/2-100;imgdiv.style.position="fixed";imgdiv.style.left=imfdiv_left+"px";imgdiv.style.top=imfdiv_height+"px"; imgdiv.style.width=imgdiv_width+"px";imgdiv.style.height=imgdiv_height+"px";imgdiv.style.backgroundColor="#FFFFFF";imgdiv.id="imgdiv";var lodingImg=$$("img");lodingImg.src="Images/spinner_32px_dfe1e3.gif";lodingImg.style.paddingTop="25px";lodingImg.style.paddingLeft="25px";var lodingText=$$("span");lodingText.innerHTML="正在存入数据,请稍候...."; imgdiv.appendChild(lodingImg);imgdiv.appendChild(lodingText);$("gn").appendChild(lodingBox); $("gn").appendChild(imgdiv); setTimeout("zheli();",0);
}function zheli(){
var table=xjjhxd.good().value;//隐藏loding$("lodingBox").style.display="none";$("imgdiv").style.display="none";
}
参考:http://www.phpv.net/html/1700.html
avaScript可否多线程? 深入理解JavaScript定时机制
疑问?
1、难道js真的不能多线程么 只能执行一个在执行另一个
2. 第二个例子 那个gif不动的 为什么
关于 fixed 参考:
http://www.w3help.org/zh-cn/causes/RM8013
http://www.pczpg.com/html/bianchengkaifa/div_css/20090803/12548.html
解决fixed ie8不支持 有几种办法 上面网站都有
关于settimeout参考:
参考:http://blog.csdn.net/turkeyzhou/archive/2008/08/07/2784934.aspx
总结:
1、要想position:fixed生效 有许多办法 咱们这就是最简单的办法用 xhtml1.0
ie8对position:fixed是不支持的
这要在页面第一行加上这个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、试过这段代码就知道 总是先执行放settimeout的那个函数 最后在执行settimeout里边的方法 在这里看到是没有线程效果的o ·但是可以访线程 可以参考
http://blog.csdn.net/turkeyzhou/archive/2008/08/07/2784934.aspx
<script language="javascript">function main(){for(var index=0;index<10;index++){alert("main thread"+index);setTimeout(secondary,0);}}function secondary(){alert("secondary");}main();</script>
3、至于gif不动的原因 我百度了下
第一种说法 :
你把设置图片显示的代码和数据库查询的代码放在了同一个函数中,当程序执行到数据查询的时候延迟,图片肯定不会动,因为他们处在同一个线程内,解决这个问题可以通过多线程,将数据查询放在另外一个新的线程中去执行,或者使用updateprogress数据控件放在updatepanel中,图片放在updateprogresS中。
第二种说法:
你的电脑既是客户端,又是服务器,显示动画的资源被WEB服务所占用了
经过我的实验,用公司另外一台电脑访问,这个是动的 本机是不动的 即第二种说法正确!!!
猜想:诸如许多 dataset缓存之类的 在本机 存在 在客户端就没有啦
转载于:https://www.cnblogs.com/0banana0/archive/2011/05/26/2059091.html
js 不用onload的loding相关推荐
- js中onload和jQuery中的ready区别
js中onload和jQuery中的ready区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. ------>不能写多个(如果有多个,只会执行一个) $(do ...
- js window.onload 加载多个函数和追加函数
平时做项目 经常需要使用window.onload, 用法如下: function func(){alert("this is window onload event!");ret ...
- JQuery的ready函数与JS的onload的区别详解
JQuery的ready函数与JS的onload的区别: 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结 ...
- [js] 不用 + eval Function 实现加法
[js] 不用 + eval Function 实现加法 // 使用位运算符实现 function add (a, b) {if (a == 0 || b == 0) {return a || b;} ...
- JS的onload事件
之前按照HTML规范在<head>中嵌套<script>,写JS脚本获取HTML元素并做操作,但有时会报错. 原因:报错 <- 元素为null <- 页面未加载完成 ...
- js中onload与onunload的使用示例
onload与onunload想必大家并不陌生吧,下面为大家演示下js中onload与onunload的妙用,感兴趣的朋友可以参考下,希望对大家有所帮助 引言: 今天周末没事,就想起前面自己做的一个 ...
- 《js闭包》超级实用 一眼看懂js闭包--Onload返回变量值
抽时间整理了经常用的js闭包知识, 举例: <!DOCTYPE html> <html lang="en"> <head><meta ch ...
- 原生js的onload和onunload
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
- js不用reverse反转数组代码_JavaScript 数组排序
JavaScript 数组排序 JS 数组方法 JS 数组迭代 sort() 方法是最强大的数组方法之一. 数组排序 sort() 方法以字母顺序对数组进行排序: 实例 var fruits = [& ...
最新文章
- C利用time函数实现简单的定时器
- eclipse 的help没有Eclipse Marketplace
- 数据流InputStream转字符串
- docker学习(一)在centos7上安装与启动docker
- python与机器学习(一)图片相关操作
- hdu 1561 The more, The Better (依赖背包 树形dp)
- 网络工程设计教程--系统集成方法
- 导入JasperReports坐标时无法下载com.lowagie:itext:jar:2.1.7.js6
- 用ps制作LOGO(个人向)
- STM8L USART串口使用
- android excel在线制作教程,Excel手机表格制作软件
- Unity3D-----摄像机镜头移动并限制角度
- 什么是rundll32.exe,为什么运行?
- 安卓学习 Day26:使用自定义视图绘制文本、图像与图形
- C语言-初识C语言(4)
- 阿里无影云电脑磁盘性能测试
- [学渣啃西瓜书]绪论-基本概念辨析(4)-归纳偏好
- 澎湃新闻:我在南山写代码,是改变世界还是养家糊口?
- Revit2016 笔记02
- 小恐龙成语辞典 下载
热门文章
- ubuntu emacs ess R
- 多视几何009:对极几何
- cgcs2000大地坐标系地图_我国大地坐标系_地图与地图制图
- Zookeeper简介,架构,单机版搭建
- R语言入门(1)时间序列分析
- 逻辑回归阈值_逻辑回归算法
- 微信运动服务器忙,微信运动步数每天不足百步,你们宅着忙什么呢?
- w10更新以后DNS服务器未响应,图文详解win10系统dns服务器未响应的措施
- [我参加NVIDIA Sky Hackathon](模型训练ssd系列)
- python 拼多多_Python 登录拼多多下单