用匿名函数解决 setInterval 参数传递问题

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #date #脚本 #360 #div

杂专栏收录该内容

5 篇文章

订阅专栏

本文将介绍如何通过使用匿名函数解决JavaScript中setInterval和setTimeout无法直接接受参数的问题，减少代码重复并提高页面加载效率。

解决 setInterval，setTimeout 参数传递难题

相信很多web脚本开发的朋友都遇到过使用 setInterval，setTimeout 函数无法接受参数的问题，导致了代码的重复性及增加了页面加载的时间。

其实只要用一个匿名函数就可以解决这个问题，看一下我的例子应该就明白了

<html> <SCRIPT LANGUAGE="JavaScript"> var id = new Array(); var d = new Array(); id[0] ="times1"; id[1] ="times2"; d[0] = "2011/10/05,1:20:2"; d[1] = "2012/1/05,20:29:12"; for (i=0;i<id.length;i++){ var f = _fresh(id[i],d[i]); setInterval(f,1000); } function _fresh(id,d){  return (function(){fresh(id,d);}); } function fresh(id,d) { var endtime=new Date(d); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000); __d=parseInt(leftsecond/3600/24); __h=parseInt((leftsecond/3600)%24); __m=parseInt((leftsecond/60)%60); __s=parseInt(leftsecond%60); document.getElementById(id).innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"秒"; } </SCRIPT> <body> Html代码如下： <div id="content"> <h1>限时抢购啦！</h1> <p>商品1:<span id="times1" style="color:red;" mce_style="color:red;">xxx</span></p> <p>商品2:<span id="times2" style="color:green;" mce_style="color:green;">xxx</span></p> </div> </body> </html>