javascript 定时器 倒计时
链接地址:http://kevin12.iteye.com/blog/1946035
最近做项目,项目里面用到了定时器,用来刷新页面,javascript代码如下:
<script type="text/javascript"> var start = 5; var step = -1; function count() { document.getElementById("div1").innerHTML = "页面将在"+start+"秒后返回登录页面..."; start += step; if(start <= 0){ start = 5; //window.location="index.jsp";//返回index.jsp页面 //TODO:在这里可以做相关的操作 } setTimeout("count()",1000); } window.onload = count; </script>
body中的代码如下:
<body> <div id="div1"></div> </body>
既然上面的例子可以用倒计时,但是完全可以用于自动刷新页面,就是当倒计时结束后进行相关的操作。要注意的是,如果你访问该页面时候url后面带有参数,那么在该页面中你要房租存放参数的隐藏域,在进入页面时候将该参数赋值到隐藏域中,倒计时结束时候获取隐藏域中的参数,加到url中。下面是项目中一个简单页面部分代码:
<script type="text/javascript"> //30秒刷新流程进度 var start = 30; var step = -1; var mainId = "";//流程主表中流程id var pid = "";//流程id function counts() { start += step; if(start <= 0){ if(mainId==""||pid==""){ mainId = $("#mainId").val(); pid = $("#pid").val(); } start = 30; window.location="viewProgress.jsp?random="+Math.random()+"¶mStr="+mainId+"&pid="+pid+"&state="; } setTimeout("counts()",1000); } window.onload = counts; </script> <body> <input type="hidden" id="mainId"/> <input type="hidden" id="pid"/> <!--下面的省略-->
给隐藏域赋值的方法(部分代码):
//显示流程图 var isShowGraph = false; var mainId = ""; var pid = ""; function showGraph(mxEditor){ var path = decodeURIComponent(location.href);//转码 var index = path.indexOf('paramStr='); var index2=path.indexOf('&pid='); var index3=path.indexOf('&state='); if(index != -1){ mainId = path.substring(index+9,index2); pid = path.substring(index2+5,index3); $("#mainId").val(mainId); $("#pid").val(pid); $.ajax({ type:'POST', dataType:'xml', url:'../loadWorkflowXml.action', data:{'mainId':mainId}, //下面的代码省略
链接地址:http://kevin12.iteye.com/blog/1946035
简单应用可参考:http://kevin12.iteye.com/blog/1930366
相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22