Question

我是新来的，如果您对我的问题或“礼节”有任何疑问，请告诉我们！

我正在尝试在Google Chrome中创建个性化的新标签扩展程序，并且出现JavaScript时间码问题。虽然它适用于我使用的编译器Brackets，但每当我将扩展文件夹加载到Chrome上时，时间就不会显示。在搜索之后，我了解到这是因为我的内联而不是外部文件中的Javascript，因此我自然会尝试将我的脚本移动到time.js文件中。我不完全确定如何在新标签加载时显示时间，但我想我会告诉你我的所有尝试。

我的index.html文件，忽略不相关的代码，显示为：

<html>
<head>
    <title>New Tab</title>
    <script type = "text/javascript" src = "time.js"></script>
</head>
<body onload = "startTime()">
    <div id = "time"></div>
    </div>
</body>

^由于某种原因无法看到关闭html标记。无论如何，这是我的time.js文件，使用了一些更改的w3school代码：

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    h = minusTwelve(h);
    m = checkTime(m);
    document.getElementById('time').innerHTML =
    h + ":" + m;
    var t = setTimeout(startTime, 500);} 
function minusTwelve(i) {
if (i > 12) {i = i - 12};
if (i == 0) {i = 12};
return i;

function minusTwelve(i) {
if (i > 12) {i = i - 12};
if (i == 0) {i = 12};
return i;}

function checkTime(i) {
if (i < 10) {i = "0" + i};
return i;}

（对于最后两个函数中的缩进感到遗憾，有点奇怪：P）

无论如何，我到目前为止还没有这个，我不确定如何整合Chrome中加载标签的时间。我见过有些人提到了addEventListener或点击什么等等，但我不确定这将如何适用于此。另外，在我的HTML正文中是onload调用，虽然我认为这会照顾它，但似乎没有：/。我将衷心感谢您的帮助。

谢谢！

Answer 1

您是否能够在Javascript控制台中看到任何错误？

我注意到的一件事是，你错过了第一个函数的结束括号minusTwelve()

看看它是否解决了问题

您是否在清单文件中提到过您的脚本文件？ Check this docs

新标签上的Javascript时钟

1 个答案: