вопросы по javascript - [71] :: Web-программирование

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Просьба подсказать по этому таймеру. Как сделать, чтобы после окончания работы таймера вместо него показывался другой div (блок/контейнер)? Есть решение такое, но как сделать, чтобы замена была скрыта, пока не закончится отсчёт таймера, не пойму.

Код:

go: function(){
var idx=0;

$r.time = (new Date().getTime()) - $r.countdown_to_time;

if(Date.now() >= $r.countdown_to_time){
$(".showblock").insertBefore("canvas");
$("canvas").remove();
return;
}

for(var r_key in $r.rings) $r.unit(idx++,r_key,$r.rings[r_key]);

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 18:33 01-09-2020 | Исправлено: WONDROUS, 18:34 01-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

но как сделать, чтобы замена была скрыта, пока не закончится отсчёт таймера, не пойму.

она и так должна быть скрыта по вашему коду.

Цитата:

if(Date.now() >= $r.countdown_to_time)

у вас уже есть $r.time, пока оно меньше нуля - таймер еще считает.

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 18:46 01-09-2020 | Исправлено: Mavrikii, 18:52 01-09-2020

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii

Цитата:

она и так должна быть скрыта по вашему коду.

Хорошо, а в html или css как прописать, чтобы было скрыто, а потом видно?

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 18:56 01-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

чтобы было скрыто

display: none
а потом либо display: block, либо display: inline-block

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 18:57 01-09-2020

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Заменил

Код:

$(".showblock").insertBefore("canvas");

на

Код:

$(".showblock").css({'display' : 'block'});

И в css написал display: none, вроде работает без ошибок.

Добавлено:
И таймер вроде бы останавливается после отсчёта, разве нет?

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 19:07 01-09-2020 | Исправлено: WONDROUS, 19:10 01-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

И таймер вроде бы останавливается после отсчёта, разве нет?

сами не можете проверить?

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 19:45 01-09-2020

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Честно говоря, без понятия, как проверить. Но сам по себе таймер, без добавления кода замены, работал дальше, отсчитывая время после заданного времени.

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 20:04 01-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

Честно говоря, без понятия, как проверить. Н

установить время/дату остановки через минуту и посмотреть что будет.

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 20:07 01-09-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Я так и делал, после достижения заданного времени появлялся блок на замену (вместо таймера).
	Всего записей: 3477 \| Зарегистр. 30-06-2002 \| Отправлено: 20:11 01-09-2020 \| Исправлено: WONDROUS, 20:12 01-09-2020

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS от нас тогда что хотите? не делайте саму замену - поймете остановился счетчик или нет.
	Всего записей: 16418 \| Зарегистр. 20-09-2014 \| Отправлено: 20:13 01-09-2020

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Снова вопрос по таймеру. Просьба подсказать: как увеличить отступ сверху или снизу кругов, чтобы можно было надписи поместить над или под кругами? Просмотрел код, но так и не понял, где меняется размер самого canvas.

И правильно ли я понимаю, что респонсивным (адаптивным) этот таймер не сделать?

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 00:48 04-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

где меняется размер самого canvas.

$r.cvs.setAttribute('width',$r.size.w);
$r.cvs.setAttribute('height',$r.size.h);
$r.cvs.css({ width: $r.size.w+"px", height: $r.size.h+"px" });

Цитата:

что респонсивным (адаптивным) этот таймер не сделать?

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

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 01:36 04-09-2020

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Я явно не то делаю, убрав вторую строку и заменив в третьей строке $r.size.h+"px" на "auto", потом увеличив отступ у Label, да, надписи стали под кругом, но сам текст/шрифт кривой получается.

Всего записей: 3477 | Зарегистр. 30-06-2002 | Отправлено: 02:07 04-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS
у канвас нет авто, ему все равно какое содержимое в него засунули

Цитата:

$r.size = {
w: ($r.r_size + $r.r_thickness) * $r.r_count + ($r.r_spacing*($r.r_count-1)),
h: ($r.r_size + $r.r_thickness) + 100
};

а потом двигайте свой лейбл.

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 02:47 04-09-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо за ответ, но получается такой же разбитый текст:
	Всего записей: 3477 \| Зарегистр. 30-06-2002 \| Отправлено: 03:29 04-09-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

но получается такой же разбитый текст:

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

Цитата:

$r.ctx.clearRect($r.actual_size*-0.5,$r.actual_size*-0.5,$r.actual_size,$r.size.h);

Всего записей: 16418 | Зарегистр. 20-09-2014 | Отправлено: 04:59 04-09-2020

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii JS как какая-то высшая математика, не каждому даётся. Но спасибо за ответ!
	Всего записей: 3477 \| Зарегистр. 30-06-2002 \| Отправлено: 15:29 04-09-2020

Stikerman

Newbie

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Всем привет, ребят если кого-то интересуют курсы по программированию от топ спикеров и школ, то переходите в телеграм канал @*** https://t.me/***, всегда там нужную инфу нахожу

Не спамим

Всего записей: 1 | Зарегистр. 11-09-2020 | Отправлено: 17:26 11-09-2020

D1D1D1D Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Следовало сюда задать вопрос: http://forum.ru-board.com/topic.cgi?forum=31&topic=20506#1
	Всего записей: 1506 \| Зарегистр. 05-04-2010 \| Отправлено: 02:57 12-09-2020 \| Исправлено: D1D1D1D, 02:57 12-09-2020

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору D1D1D1D 1) JScript и javascript - разные вещи https://ru.wikipedia.org/wiki/JScript 2) просто цифры по одной на строку или что??
	Всего записей: 16418 \| Зарегистр. 20-09-2014 \| Отправлено: 07:17 12-09-2020 \| Исправлено: Mavrikii, 07:17 12-09-2020

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC