                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

计时器setInterval()

主体：

<form>

<input type="text" id="clock" size="50" />

</form>

脚本：

function click(){

var time = new Date();

document.getElementById("clock").innerHTML = time;

};

var int = setInterval(clock,100);

计时器var int = setInterval(clock,100);这样写，没有调用，为什么可以实现

click方法也没有调用

svgcc

2017-08-30

源自：JavaScript进阶篇 8-3

关注问题我要回答

1505

操作

收起

4 回答

心陌灬琉璃梦回答被采纳 +2 积分
2017-08-30

当页面第一次被加载时，代码是从上往下按顺序执行的，当页面执行到函数function click(){...}时，函数的确是没有被执行；但是当页面继续往下执行到var int=setInterval(clock,100)时，函数clock()就被计时器setInterval()调用了，所以此时函数clock()就被执行了。

1 回复有任何疑惑可以回复我~

#1

心陌灬琉璃梦

不好意思，文中不是click()，而是clock()。你的function click(){...}写错了，是function clock()。

2017-08-30 回复有任何疑惑可以回复我~

#2

svgcc 提问者

理解了，非常感谢！

2017-08-30 回复有任何疑惑可以回复我~

#3

心陌灬琉璃梦回复心陌灬琉璃梦

var int = setInterval(clock,100);只是一个赋值操作，并不影响计时器setInterval()调用函数clock()。

2017-08-30 回复有任何疑惑可以回复我~

点赞狂魔
2017-08-30

写错了吧，函数名不是clock嘛，另外计数器设置只要setInterval(clock,100)就够了，var int在这里多余了

0 回复有任何疑惑可以回复我~

#1

svgcc 提问者

嗯嗯，谢谢

2017-08-30 回复有任何疑惑可以回复我~

兔子大流氓
2017-08-30

<!DOCTYPE html>

<html>

<head>

<title> 事件</title>

</head>

<body>

<form>

<input type="text" id="clock" size="50" />

</form>

<script type="text/javascript">

function clock(){

var time = new Date();

document.getElementById("clock").value = time;

}

var int = setInterval(clock,100);

</script>

</body>

</html>

亲测这样写没有问题

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 467402 人
解答问题 21877 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

3 回答setInterval计时器

2 回答计时器setInterval()

4 回答计时器 setInterval（）

2 回答setInterval()计时器

1 回答计时器setInterval

搜索更多本课相关问答

计时器setInterval()

我要回答关注问题

意见反馈帮助中心 APP下载