JavaScript中setInterval的参数传递个人归纳

<body><style>body{margin-top: 30%;margin-left: 40%;}input{width: 80px;height: 30px;}div{width: 250px;height: 150px;border: 2px dashed rosybrown;}</style><h2>关于JS中定时器参数传递问题</h2><input type="button" value="showTime" onclick="time1()"><br/><p id="ptime"></p><div id="divtime"></div>
</body>

function time1() {//实现展示时间//设置一个定时器，每1秒执行一次显示时间的事件//获取显示时间的文本对象//var divtime = document.getElementById("divtime");var ptime = document.getElementById("ptime");setInterval(function() {var date = new Date();ptime.innerText = date.toLocaleString();成功//var time11 = document.getElementById("time11");//time11.setAttribute("value",date.toLocaleString())此设置属性不成功//ptime.innerHTML = date.toLocaleString();成功//divtime.innerHTML = date.toLocaleString();成功},1000,ptime);
}

若在定时器匿名函数内传递参数，则无效，正确传递是在setInterval(function, milliseconds, param1, param2, …)
参数传递通过param1\param2…传递即可

第二种使用非匿名函数

function time1() {//实现展示时间//设置一个定时器，每1秒执行一次显示时间的事件//获取显示时间的文本对象var ptime = document.getElementById("ptime");setInterval("show()",1000,ptime);}function show() {var date = new Date();ptime.innerText = date.toLocaleString();}

该方法写于time1外部，且setInterval(show(),1000,ptime) 报错
必须使用引号将js代码括起来，否则就只执行一次

JavaScript中setInterval的参数传递个人归纳相关推荐

php 实现setinterval,JavaScript中setInterval的使用详解
相信很多大伙都知道JavaScript中setInterval的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象,也有很多小伙伴对此也只是知道setInterval的定义.也是一知半解,今天我 ...
php中setinterval,javascript中setInterval的用法
javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数. setInterval的表达式格式主要有: setInt ...
javascript中setInterval,setTimeout的区别跟用法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. se ...
JavaScript中函数当作参数传递或当作返回值
2019独角兽企业重金招聘Python工程师标准>>> 在原生JS中函数既可以当作参数来传递,也可以当作返回值来使用: 下面是我初学js时为了更好理解这个概念写的一个小片段: 备注: ...
在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义
setInterval()是一种定时器,它按照指定的设置时间(以毫秒计)来调用函数的方法.clearInterval()是结束定时器的循环调用函数.除非调用clearInterval()方法,否则无限 ...
javascript中setInterval越来越快的问题解决方法
setInterval越来越快,经过一番测试,找到一种方法,就是每次执行都要清空计时,再次重新调用. var timer function do(){//clearInterval要放在方法开始,不然 ...
停止JavaScript中的setInterval调用
我正在使用setInterval(fname, 10000); 在JavaScript中每10秒调用一次函数. 是否可以在某个事件中停止调用它? 我希望用户能够停止重复刷新数据. #1楼 setInt ...
javascript中实现动画是settimeout（递归）还是用setinterval好？
javascript中实现动画是setTimeout(递归)还是用setinterval好呢之前,在研究js作用动画的东东,之前的做动画,的核心基本就是 setTimerout 和我们的 setIn ...
JavaScript中setTimeout实现轮询 (vs setInterval)
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数是一次. setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达 ...

JavaScript中setInterval的参数传递个人归纳

JavaScript中setInterval的参数传递个人归纳相关推荐

最新文章

热门文章