gpt4 book ai didi

新标签页上的 Javascript 时钟

转载 作者:行者123 更新时间:2023-11-28 02:54:42 25 4
gpt4 key购买 nike

我是新来的,所以如果您对我的问题或“礼仪”有任何不妥之处,请告诉我!

我正在尝试在 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 调用,虽然我认为这会处理它,但它似乎没有:/。我将衷心感谢您的帮助。

谢谢!

最佳答案

您能否在 Javascript 控制台中看到任何错误?

我还注意到的一件事是,您错过了第一个函数 minusTwelve()

的右大括号

看看能不能解决问题

您是否在 list 文件中提到了您的脚本文件? Check this docs

关于新标签页上的 Javascript 时钟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37638887/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com