JavaScript编程帮助

JavaScript编程帮助,javascript,bookmarklet,Javascript,Bookmarklet,我有一些以前的编程知识,但需要一些帮助。我需要创建一个JavaScript bookmarklet,就像一个 我希望此bookmarklet具有以下功能和外观: 页面角落的弹出窗口(我可以在代码中指定) 显示从0到60秒的递增计时器 在主计数下有一个类似“计时器”的图标/图形(请参阅instapaper.com脚本) 这些都是基本要求,但是,如果有人能够做到以上几点并帮助我,我们将不胜感激: 从45秒到60秒,我希望字体颜色为红色并闪烁 60秒后,我希望它显示一个messagebox,其中

我有一些以前的编程知识,但需要一些帮助。我需要创建一个JavaScript bookmarklet,就像一个

我希望此bookmarklet具有以下功能和外观:

  • 页面角落的弹出窗口(我可以在代码中指定)
  • 显示从0到60秒的递增计时器
  • 在主计数下有一个类似“计时器”的图标/图形(请参阅instapaper.com脚本)
这些都是基本要求,但是,如果有人能够做到以上几点并帮助我,我们将不胜感激:

  • 从45秒到60秒,我希望字体颜色为红色并闪烁
  • 60秒后,我希望它显示一个messagebox,其中包含我可以输入的消息
  • 如果在60秒之前,你点击它,它就会关闭
。。。这些都是更复杂的需求。如果有一种方法可以在元素下创建一个“选项”按钮,您可以自定义这些字段,那就太好了

任何和所有的帮助指向正确的方向,或提供一些代码给我将是可怕的。此外,我不确定这其中有多少是可以做到的,但如果有人能帮我解决上面的前3个要点,我将不胜感激


谢谢

JavaScript有一个
Date
对象,可以用来计算秒数
newdate().time()
将为您提供一个unix时间戳。对于正在运行的时钟,您可以使用
setTimeout
函数休眠该函数,以便它每隔一段时间检查一次。对于每秒运行一次,您需要将该值设置为1000

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

一旦计时器运行,显示计时器就很简单了,只需通过将容器元素的
innerHTML
属性设置为该值来获取值、格式化并输出即可,例如:

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

您可以在网页上执行的任何操作都可以在JavaScript中复制,因为它可以创建HTML元素、添加CSS和实现JavaScript事件,尽管这更麻烦。

鉴于您没有提供任何代码,我假设您从一开始就开始了


编程相关=更适合stackoverflow?