Справочник по программированию JavaScript

Question

У меня есть некоторые знания в области программирования, но вам нужна помощь. Мне нужно создать букмарклет JavaScript, подобный тому, который есть у Instapaper.com.

Я хочу для этого букмарклет, чтобы иметь следующие функции и внешний вид:

• Popup на углу страницы (который я мог бы указать в коде)
• Display подсчетом-таймер от 0 до 60 секунд
• есть «таймер» -как значок/графический под основным графа (см сценарий instapaper.com)

это все основные требования, однако, если кто-то может сделать выше а также помочь мне с этим, что было бы весьма признателен:

• От 45 секунд до 60 секунд, я хотел бы цвет шрифта красный и мигает
• Через 60 секунд, я хотел бы, чтобы отобразить MessageBox с сообщение я мог войти
• Если до 60 секунд, вы нажимаете на нее, он закрывал

... и те все более сложные требования. Если есть способ сделать кнопку «option» под элементом, где вы можете настроить эти поля, это было бы здорово!

Любая помощь, указывающая на меня в правильном направлении или предоставление мне некоторого кода, будет потрясающе. Кроме того, я не уверен, насколько это возможно, но если кто-то может просто помочь мне с первыми 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