[spoiler] [/spoiler]
ИНТЕРНЕТ
Главная
Вход
Регистрация
Понедельник, 14.07.2025, 20:41Приветствую Вас Гость | RSS
(WMZ - доллар)
Меню сайта

Категории раздела
Музыка и аудио Вконтакте [0]
Секреты Вконтакте [0]
Видео Вконтакте [0]
Аватарки Вконтакте [0]
Стили Вконтакте [45]
Установка стилей [0]
Программки Вконтакте [0]
Разное интересное [0]
Скрипты [14]

Мини-чат

Опрос
Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 45
Главная » Файлы » Скрипты
Скрипт (часы)
[ Чтоб скачать фаил зарегистрируйтесь, или войдите под своим логином ] 10.06.2009, 19:09
// ==UserScript== 
// @author Lex (10031) 
// @include http://vkontakte.ru/* 
// @include http://www.vkontakte.ru/* 
// ==/UserScript== 
// adopted for me and vkontakte.ru script from 
// http://developer.mozilla.org/en/docs/Canvas_tutorial:Basic_animations 
// plus something was borrowed from Malanin Pavel work 
// it's Russia, people... 

function clock(){ 
var now = new Date(); 
var ctx = document.getElementById('canvas').getContext('2d'); 
ctx.save(); 
ctx.clearRect(0,0,150,150); 
ctx.translate(57,75); 
ctx.scale(0.4,0.4); 
ctx.rotate(-Math.PI/2); 
ctx.strokeStyle = "deeppink"; 
ctx.fillStyle = "deeppink"; 
ctx.lineWidth = 8; 
ctx.lineCap = "round"; 

// Hour marks 
ctx.save(); 
for (i=0;i<12;i++){ 
ctx.beginPath(); 
ctx.rotate(Math.PI/6); 
ctx.moveTo(100,0); 
ctx.lineTo(120,0); 
ctx.stroke(); 
} 
ctx.restore(); 

// Minute marks 
ctx.save(); 
ctx.lineWidth = 5; 
for (i=0;i<60;i++){ 
if (i%5!=0) { 
ctx.beginPath(); 
ctx.moveTo(117,0); 
ctx.lineTo(120,0); 
ctx.stroke(); 
} 
ctx.rotate(Math.PI/30); 
} 
ctx.restore(); 

var ms=now.getMilliseconds(); 
var sec = now.getSeconds(); 
var min = now.getMinutes(); 
var hr = now.getHours(); 
hr = hr>=12 ? hr-12 : hr; 

ctx.fillStyle = "deeppink"; 

// write Hours 
ctx.save(); 
ctx.rotate( hr*(Math.PI/6) + (Math.PI/360)*min + (Math.PI/21600)*sec ) 
ctx.lineWidth = 14; 
ctx.beginPath(); 
ctx.moveTo(-20,0); 
ctx.lineTo(80,0); 
ctx.stroke(); 
ctx.restore(); 

// write Minutes 
ctx.save(); 
ctx.rotate( (Math.PI/30)*min + (Math.PI/1800)*sec +(Math.PI/1800000)*ms) 
ctx.lineWidth = 10; 
ctx.beginPath(); 
ctx.moveTo(-28,0); 
ctx.lineTo(112,0); 
ctx.stroke(); 
ctx.restore(); 

// Write seconds 
ctx.save(); 
ctx.rotate(sec * Math.PI/30+ms*Math.PI/30000); 
ctx.strokeStyle = "#00BFFF"; 
ctx.fillStyle = "#00BFFF"; 
ctx.lineWidth = 6; 
ctx.beginPath(); 
ctx.moveTo(-30,0); 
ctx.lineTo(83,0); 
ctx.stroke(); 
ctx.beginPath(); 
ctx.arc(0,0,10,0,Math.PI*2,true); 
ctx.fill(); 
/*ctx.beginPath(); 
ctx.arc(95,0,10,0,Math.PI*2,true); 
ctx.stroke(); 
ctx.fillStyle = "#555"; 
ctx.arc(0,0,3,0,Math.PI*2,true); 
ctx.fill();*/ 
ctx.restore(); 

ctx.beginPath(); 
ctx.lineWidth = 14; 
ctx.strokeStyle = 'Darkorange'; 
ctx.arc(0,0,132,0,Math.PI*2,true); 
ctx.stroke(); 

ctx.restore(); 
} 

function makeClock(){ 
s=document.getElementById('sideBar') 
d=document.createElement('span') 
c=document.createElement('canvas') 
c.id='canvas' 
c.width=115 
c.height=150 
d.appendChild© 
s.appendChild(d) 
clock(); 
setInterval(clock,1000); 

} 

makeClock(); 
Закрыть 
Удалить

Категория: Скрипты | Добавил: Demon
Просмотров: 666 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск

Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт не несёт ответственности за то, для каких целей будет использоваться весь представленный материал. Используя материал... Вы берёте на себя ответственность за все последствия! © 2025