javascript - 为什么 JQ 函数里写 JS 代码运行不了？

问题描述

问 题

已经引入JQ文件

<script type="text/javascript">
        $(function() {
            var time = setInterval("clock()", 3000);

            function clock() {
                for(i = 0; i < 2; i++) {
                    alert(i);
                }
            }
        })
    </script>
    
    
    

这样就可以

<script type="text/javascript">
                var time = setInterval("clock()", 3000);
    
                function clock() {
                    for(i = 0; i < 2; i++) {
                        alert(i);
                    }
                }
        </script>

解决方案

两种方法:

可以setInterval("clock()", 3000) =>setInterval(clock, 3000)

或者

要让你那个原来可以的话也可以尝试下面这个:

        $(function() {
            var time = setInterval("clock()", 3000);


           
        })
                    function clock() {
                for(i = 0; i < 2; i++) {
                    alert(i);
                } }

定义全局函数clock

---

原因就是传入代码段的时候是类似eval方式执行的 而你原来的代码clock函数在函数作用域内 全局变量window下没有clock函数

而setInterval(clock, 3000)可以的原因是 这语句和函数clock定义在一个函数作用域内 当然能访问到clock了

这篇关于javascript - 为什么 JQ 函数里写 JS 代码运行不了？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！