我应该如何将 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 助手。在您的控制器函数或视图文件中，您可以这样设置：

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

将 echo 语句放在 id 为“javascript_countdown_time”的 html 元素后面。如果可能的话，在结束 之前。

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

Answer 2

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

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

无论您想从哪里调用函数，只需调用它即可..让我们知道它是如何进行的..