Question

这是一个新手问题，我正在尝试使用jquery创建一个计数器，这是我从youtube上的教程获得的代码，但它不起作用。

<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="http//code.jquery.com/jquery- 1.7.1.min.js"></script>
</head>

<body>
    <div id="counter">0</div>
    <script type="text/javascript">
    var counter = 0;

    setinterval("timer()", 1000);

    function timer() {
        counter++;
        $('#counter').text(counter);
    }
    </script>
</body>

</html>

知道出了什么问题吗？

Answer 1

函数名称为setInterval（注意大写I）而不是setinterval
此外，请勿将string用作setInterval的参数。 //不是错误，但这是一种很好的做法

此外，jQuery的URL错误，在jquery和版本中包含空格。

http//code.jquery.com/jquery- 1.7.1.min.js
//                           ^

演示：

var counter = 0;
setInterval(timer, 1000);

function timer() {
  counter++;
  $('#counter').text(counter);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="counter">0</div>

Answer 2

试一试，因为您正在使用本地变量尝试使用这样的全局，而您正在使用不存在的seinterval()使用setInterval()我使用jquery labery

<div id="counter">0</div>
<script type="text/javascript">

   window.counter = 0;

   setInterval(function(){timer()},1000);

   function timer() {

     window.counter++;

   $('#counter').text(window.counter);

}
<script>

与jquery对抗

2 个答案: