Они, любимые, или изменение шрифта с помощью javascript

Решил сделать для себя успокаивательную страничку. Чтобы в любое время тяжелого рабочего дня можно было бы чуть чуть отдохнуть душой:)
В результате получилось следующее:

(.) (.)

Чтобы увидеть, как это реализовано, вы можете посмотреть исходный код этой страницы:) Здесь же я вкратце опишу принцип. Во-первых, задаем 2 функции javascript, increaseFontSize() и decreaseFontSize(), для увеличения и уменьшения размера шрифта. Они действуют так: 

var p = document.getElementsByTagName('shticka');

После этого в p у нас получается массив всех тегов типа "shticka". Конечно, вы можете получать список тегов по классу, или отдельно каждый тег по его id. Во-вторых, для каждого элемента из p находим размер шрифта и помещаем его в переменную s:

var s = parseInt(p[i].style.fontSize.replace("px",""));

После чего мы увеличиваем ее, например, на 4:

s+=4;

В-третьих, заменяем размер шрифта на увеличенное s:

p[i].style.fontSize = s+"px";

Вот и все готово:) Можно наслаждаться))

Использование setTimout в javascript, или про то, как давать пользователям ссылку на скачивание с задержкой.

Представим, что вы хотите давать пользователям ссылку на скачивание файла с вашего сайта с какой-то задержкой, например, 30 секунд. Для этого нам понадобится написать всего одну строку на javascript и несколько на html:)

Итак, во-первых, выделим область на своем сайте, где будет выдаваться ссылка. Сделаем это с помощью HTML-тега 'div':

<div id='link'></div>

где link - это уникальный идентификатор этого тега, по которому будем обращаться к нему с помощью javascript. Далее мы пишем сам код javascript, заключая его в HTML тег 'script' :

<script>
setTimeout("document.getElementById('link').innerHTML='<a href='bla-bla.txt'>Ссылка</a>';",30000);
</script>

Что это означает - setTimout - это javascript-функция, выполняющая команды, переданные ей в первом аргументе по истечении времени, заданного во втором аргументе (в миллисекундах). document.getElementById('link') - обращаемся к элементу  документа с идентификатором, равным 'link'. Подробнее про использование getElementById вы можете почитать здесь и тут. innerHTML - переменная элемента, отвечающая за все то, что находится внутри тега. То есть в итоге, после выполнения скрипта, наш тег будет выглядеть так:

<div id='link'><a href='bla-bla.txt'>Ссылка</a></div>

Вот и всё:)

JavaScript - GetElementById - что это такое, и как это кушать?

GetElementById - это метод объекта document  в языке JavaScript. Он предназначен для того, чтобы возвращать ссылку на какой-то элемент (element) страницы по его id.

Например, мы хотим, чтобы пользователю в определенном месте страницы выводилось время его захода на нее. Будем выводить это время в определенном теге <div> с id 'now_time':

<div id='now_time'></div>

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

<script type="text/javascript">

//Присваиваем переменной time_element ссылку на наш div:

var time_element = document.getElementById('now_time')

//Получаем в переменную time Значение времени

  var time = new Date()

  var hours = time.getHours()

  var minutes = time.getMinutes()

  var seconds = time.getSeconds()

  if (seconds < 10) seconds = "0" + seconds

  if (minutes < 10) minutes = "0" + minutes

  var time = hours + ":" + minutes + ":" + second

  //Выводим нашу переменную в содержимом нашего тега div,

  //используя метод InnerHTML

  time_element.innerHTML = time

</script>

Вот и все, ничего сложного:)
Разумеется, метод innerHTML  я привел только для примера. Вообще говоря, с этим элементом теперь можно проделывать все, что угодно. Подробнее о элементах, их свойствах и методах можно почитать вот здесь.