JavaScript编程帮助

Question

我有一些以前的编程知识，但需要一些帮助。我需要创建一个像Instapaper.com那样的JavaScript书签。

我希望这个书签具有以下功能并且看起来：

• 页面一角的弹出窗口（我可以在代码中指定）
• 显示0到60秒的递增计时器
• 主计数下有一个“计时器”式的图标/图形（参见instapaper.com脚本）

这些都是基本的要求，但是，如果有人能够做到这一点并帮助我，我将不胜感激：

• 从45秒到60秒，我希望字体颜色为红色和闪烁
• 60秒后，我希望它显示一个消息框，上面有我可以输入的消息
• 如果在60秒之前，您点击它，它将关闭

......这些都是更复杂的要求。如果有一种方法可以在您可以自定义这些字段的元素下面创建一个“选项”按钮，那就太棒了！

任何和所有帮助指向我正确的方向或提供一些代码将是非常棒的。此外，我不确定这有多少是可行的，但如果有人可以帮我解决上面的前3个要点，那将非常感激。

谢谢！

Answer 1

JavaScript有一个Date对象，可用于计算秒数。 new Date().time()会为您提供一个unix时间戳。对于时钟运行，您将使用setTimeout函数休眠该功能，以便每隔一段时间进行一次检查。要每秒运行一次，您需要将值设置为1000。

对于“弹出窗口”，您不想使用实际窗口，而是使用div容器元素。将CSS用于绝对定位到top:0px和right:0px可将其定位到右上角

一旦你有计时器运行，显示一个计时器是微不足道的，只需取值，格式化它并通过将容器元素的innerHTML属性设置为该值来输出，例如：

document.getElementById('timer').innerHTML = clock;

你可以在网页上做任何事情，你可以用JavaScript重现，因为它可以创建HTML元素，添加CSS和实现JavaScript事件，虽然它更麻烦。

Answer 2

鉴于您没有提供任何代码，我将假设您从一开始就开始。

• JavaScript tutorial
• Bookmarklet tutorial