0

我有一些以前的编程知识，但需要一些帮助。我需要创建一个类似于Instapaper.com的 JavaScript 小书签。

我希望这个小书签具有以下功能和外观：

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

这些都是基本要求，但是，如果有人可以做到以上并帮助我完成这些，将不胜感激：

  • 从45秒到60秒，我要字体颜色红色闪烁
  • 60 秒后，我希望它显示一个消息框，其中包含我可以输入的消息
  • 如果在 60 秒之前点击它，它会关闭

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

任何为我指明正确方向或为我提供一些代码的帮助都会很棒。另外，我不确定这有多少是可行的，但如果有人可以帮助我解决上面的前 3 个要点，我将不胜感激。

谢谢！

4

2 回答 2

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 事件，尽管它更麻烦。

于 2009-12-29T04:02:55.140 回答
0

鉴于您没有提供任何代码，我假设您是从头开始的。

于 2009-12-29T17:35:34.783 回答