慕函数6103035
2018-10-30 23:46
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
setTimeout("startCount()",1000);
}
startCount();
</script>
</head>
<body>
<form>
<input type="text" id="count"/>
<!--<input type="button" value="start" onclick="startCount()"/>-->
</form>
</body>
</html>
下面注释的是用button的onclick触发就可以了,但是为什么不能直接在scripts下面直接执行?
你执行startCount()的时候那个count的元素还没加载进来,JS就报错了,所以就不行了
把<script></script>放在input的下面。 html是从上往下运行的
解决了 因为运行js代码的时候 下面的还没有初始化
function startCount() {}表示一个方法 而方法是不会主动运行的 除非你调用他
你给input添加一个点击事件 点击以后调用此方法 这样就会运行此方法里所写的代码
举个栗子:
function 吃饭 (){
吃一碗饭;
}
onclick = “吃饭()”
我们都是纯良无邪的孩子,只知道玩耍不知疲倦,而此刻已是正午吃饭时刻,你妈妈的一句“回家吃饭了”,你才想起来回家吃饭,此处onclick就相当于你妈妈喊你,响应了你妈妈的“onclick”喊你后你才吃了饭。
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题