Как сделать кнопку для отключения снега на сайте?

Question

rinaz22 @rinaz22

JavaScript

Как сделать кнопку для отключения снега на сайте?

Всем привет! На сайте хочу поставить скрипт снега. Это скрипт может кому-то не понравиться или просто
мешать, поэтому хочу сделать кнопку откл и вкл снега.
Пробовал при клике задать переменной false и поставить условие если false, то отключить, но не работает.
Надо еще ответ, который выбрал пользователь, записать(например в куки).
Как это можно сделать?

Вопрос задан более трёх лет назад
212 просмотров

2 комментария

Подписаться 1 Средний 2 комментария

Пригласить эксперта

Ответы на вопрос 2

4 комментария

rinaz22 @rinaz22 Автор вопроса

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

Написано более трёх лет назад
profesor08 @profesor08 Куратор тега JavaScript

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

Написано более трёх лет назад
0ffff0 @0ffff0

Владимир Проскурин , вы портите все веселье прошлогодними комментариями

Написано более трёх лет назад

0ffff0 @0ffff0

rinaz22,

<html>
	<script>
		(
			function snow(){

				if(document.cookie.split(";")[1] != "likesnow=false"){//вместо единички номер вашей куки в массиве
 
					document.write("For stoping snowfall click on ever place at window ******")
					
					
					
					function fall(){// тут ваша клёвая функция со снегом
					
						return document.write(" Awesome  snowfall is done ")
					
					}
					fall()
					
					}
				
				else{
				
				alert(" why you don`t like snow (? ");
				
				}
		})()
		,
		(
			function stopSnow(){
				window.addEventListener//повесите событие на любой блок, который там у вас
					("click",(event) =>{

						document.cookie = "likesnow=false";
						alert(document.cookie);
						document.write("without snow");//javascript не умеет обращаться с куками как php, 
						//который может старые рвать и выбрасывать, и выдавать новые поэтому доступными для js средствами можно только
						//добавить новые, и если захотите чтоб пользователь перелусал и снова полюбил снег, то это через вэбсервер или пусть почистит куки через броузер 
					})
			
			}
		)
		()
	</script>

</html>

Написано более трёх лет назад

9 комментариев

rinaz22 @rinaz22 Автор вопроса

Это понятно. Я не могу делать так, чтобы снег вкл или выкл без обновления страницы.

Написано более трёх лет назад
profesor08 @profesor08 Куратор тега JavaScript

rinaz22, такой функционал должен быть продуман с самом коде снега. Дай ссылку на код, может там есть.

Написано более трёх лет назад
rinaz22 @rinaz22 Автор вопроса

profesor08, https://uguide.ru/js/script/ok4.js

Написано более трёх лет назад

profesor08 @profesor08 Куратор тега JavaScript

Так, модифицируй код:

В функции initsnow() удали вызов movesnow()
В функции movesnow() удали вызов var timer=setTimeout("movesnow()",50)

Далее удали внизу:

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}

Теперь, надо написать свой код и туда вставить то что удаляли:

var timer;

function startSnow() {
  for (let i = 0; i<= snowmax; i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  }

  initsnow();

  timer = setTimeout(function() {
    movesnow();
  }, 50);
}

function stopSnow() {
  clearTimeout(timer);

  for (let i = 0; i<= snowmax; i++) {
    snow[i].parentNode.removeChild(snow[i]);
  }
}

if (canRunSnow()) {
  startSnow();
}

Гарантий работоспособности не даю, но общий подход ты должен понять, ошибки сам поправишь.

Написано более трёх лет назад

rinaz22 @rinaz22 Автор вопроса

profesor08, не работает. Я в js почти полный 0

Написано более трёх лет назад
rinaz22 @rinaz22 Автор вопроса

без этих изменении нельзя сделать эти кнопки?

Написано более трёх лет назад
profesor08 @profesor08 Куратор тега JavaScript

rinaz22, тогда тебе не повезло, ведь тупо скопипастить недостаточно.

Написано более трёх лет назад
rinaz22 @rinaz22 Автор вопроса

profesor08, я могу сделать, чтобы он отключился после перезагрузки страницы, но без обновления не могу

Написано более трёх лет назад
profesor08 @profesor08 Куратор тега JavaScript

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- 16 часов назад
- 30 просмотров
1

ответ
JavaScript

Простой
Как проверить три последние цифры числа и по условию изменить их?
- 1 подписчик
- 19 часов назад
- 132 просмотра
2

ответа
JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- вчера
- 715 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- вчера
- 66 просмотров
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 01 мая
- 58 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 01 мая
- 179 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 01 мая
- 57 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 01 мая
- 702 просмотра
3

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 01 мая
- 95 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Администраторская часть сайта

04 мая 2024, в 08:59

40000 руб./за проект

Настроить датасет и провести тренировку модели

04 мая 2024, в 08:30

1000 руб./за проект

Боты

04 мая 2024, в 07:58

1000 руб./в час

прям как вы говорите: "записать(например в куки).", дальше гугл

Answer 1 · 2018-11-25 13:21:22

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

Answer 2 · 2018-11-25 13:21:51

Используй cookie или localStorage для хранения информации. При нажатии на кнопку пиши туда что-то. При запуске проверяй, если инфа есть, то не запускай снег, если нет то запускай.

Как сделать кнопку для отключения снега на сайте?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт