我应该如何将 javascript 函数调用到 kohana 视图中？

Question

我有一个简单的 kohana 视图和一个倒计时 30 分钟的 javascript。 我已经将 javascript 文件放入目录 /media m 中，它的名称是 countdown.js .我的问题是：我怎么能调用那个javascript？形成视图？还是从控制器中显示在视图中？以及我如何在控制器或视图中准确处理 js 函数或函数？

谢谢

倒计时js：

var javascript_countdown = function () { var time_left = 10; //倒计时的秒数 var output_element_id = 'javascript_countdown_time'; var keep_counting = 1; var no_time_left_message = 'JavaScript 倒计时没有时间了！';

function countdown() {
    if(time_left < 2) {
        keep_counting = 0;
    }

    time_left = time_left - 1;
}

function add_leading_zero(n) {
    if(n.toString().length < 2) {
        return '0' + n;
    } else {
        return n;
    }
}

function format_output() {
    var hours, minutes, seconds;
    seconds = time_left % 60;
    minutes = Math.floor(time_left / 60) % 60;
    hours = Math.floor(time_left / 3600);

    seconds = add_leading_zero( seconds );
    minutes = add_leading_zero( minutes );
    hours = add_leading_zero( hours );

    return hours + ':' + minutes + ':' + seconds;
}

function show_time_left() {
    document.getElementById(output_element_id).innerHTML = format_output();//time_left;
}

function no_time_left() {
    document.getElementById(output_element_id).innerHTML = no_time_left_message;
}

return {
    count: function () {
        countdown();
        show_time_left();
    },
    timer: function () {
        javascript_countdown.count();

        if(keep_counting) {
            setTimeout("javascript_countdown.timer();", 1000);
        } else {
            no_time_left();
        }
    },
    init: function (t, element_id) {
        time_left = t;
        output_element_id = element_id;
        javascript_countdown.timer();
    }
};

}();

//以秒为单位的倒计时时间，以及元素ID javascript_countdown.init(3673, 'javascript_countdown_time');

Answer 1

您可以使用kohana html helpers。在您的控制器功能或视图文件中，您可以这样：

echo html::script('media/countdown.js');

将echo 语句放在ID 为“javascript_countdown_time”的html 元素之后。如果可能，在关闭 </body> 之前。

...
<div id="javascript_countdown_time"></div>
...
<script src="/media/countdown.js"></script>
</body>

Answer 2

你可以按照@erickb 所说的去做，或者你可以在你的
查看 (php)

<script src="media/countdown.js"></script>

确保当页面显示在浏览器中时加载 countdown.js [使用 firebug 或 chrome 中的开发人员面板来验证它是否已加载。 ]

无论你想从哪里调用函数，只要调用它就行了。让我们知道它是怎么回事。