Javascript 实时计算脚本不工作

首先，我对javascript有点陌生，当我把我的脚本放到我的网站上时，我不能让它工作，但它可以用小提琴（因为onload）工作。我把脚本放在单独的文件中，所以我现在就有了它

script.js

var start = $('#calcstart'),
end = $('#calcend'),
brk = $('#calcbreak'),
total = $('#calcadded'),
timespan;

$('input').keyup(function () {
    var e = toMins(end.val()),
    s = toMins(start.val()),
    b = toMins(brk.val());
    if (!s || !e)
        return;
    var output = (e - s - b) / 60;
    total.html(Math.floor(output) + ':' + toDouble(Math.round((output % 1) * 60)));
});

function toMins(val) {
    if (!val)
        return 0;
    val = val.split(':');
    return (Number(val[0]) * 60) + Number(val[1] || 0);
}

function toDouble(n) {
    return n < 10 ? ('0' + n) : n;
}

var start=$（'calcstart'），
end=$（“#calcend”），
brk=$（'calcbreak'），
总计=$（“#calcaded”），
时间跨度；
$（'input'）.keyup（函数（）{
var e=toMins（end.val（）），
s=toMins（start.val（）），
b=toMins（brk.val（））；
如果（！s | |！e）
返回；
var输出=（e-s-b）/60；
html（Math.floor（输出）+':'+toDouble（Math.round（（输出%1）*60））；
});
函数toMins（val）{
如果（！val）
返回0；
val=val.split（“：”）；
返回（数字（val[0]）*60）+数字（val[1]| 0）；
}
函数为双（n）{
返回n<10？（'0'+n）：n；
}

livecalc.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td>Start:</td>
        <td><input id="calcstart" placeholder="hh:mm"></td>
    </tr>
    <tr>
        <td>end:</td>
        <td><input id="calcend" placeholder="hh:mm"></td>
    </tr>
    <tr>
        <td>break:</td>
        <td><input id="calcbreak" placeholder="hh:mm"></td>
    </tr>
    <tr>
        <td>Total:</td>
        <td><span id="calcadded"></span></td>
    </tr>
</table>

开始：
完:
中断：
总数：

所以问题是我如何让这个脚本工作？我怎么把它装上？或者我该怎么办

---

Edit1好的，我不知道它是怎么开始工作的，但现在没有任何改变：S我用相同的代码测试了它两天，但没有工作：S使用

脚本

这样的标记

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

或

将整个脚本代码放入

script

标记中

<script>
   // Your script here.
</script>

//你的脚本在这里。

对于jQuery，您需要将代码包装在其中

$(document).ready(function(){
   // js and jquery codes in here
});

阅读：

另外，是否在HTML中包含script.js文件？

---

检查开发人员工具>控制台以查找与javascript相关的任何其他错误。

$（document）.ready（function（）{//your code here}）？当我尝试$（document）.ready（function（）{}）时，它不会计算（或工作）；请说明您是如何使用它的，您是否在控制台中遇到错误？

$(document).ready(function(){
   // js and jquery codes in here
});