Member 12925969 Ответов: 1

Как создать шатер в HTML со случайным количеством прокрутки

Я пытаюсь интегрировать в него javascript, но понятия не имею, что делать на данный момент.

Что я уже пробовал:

< html>
< голова>

< script type= "text/javascript" src="http://www.cpagrip.com/script_include.php?id=2193" >
{ var link = document. getElementById ('getNumber'); / / получает ссылку
link. onclick = getNumber; / / запускает функцию по клику

функция getNumber() {
var minNumber = 0; / / минимальное число, которое вы хотите
var maxNumber = 100; / / максимальное число, которое вы хотите
ВАР датчика случайных чисел = математика.пол(мат.случайный() * (maxNumber + 1) + minNumber); // генерирует случайное число
$('#myNumber').в формате HTML(датчика случайных чисел); // устанавливает содержание &ЛТ;див>, Чтобы количество
return false; / / возвращает false только для того, чтобы все привести в порядок
}
< / script>
< / head>

& lt;тело>

&ЛТ;шатер scrollamount="&ЛТ;див ИД="myNumber"&ГТ;&ЛТ;/дел&ГТ;"&ГТ; банан &ЛТ;/шатер&ГТ;
< br>
< шатер> банан < / шатер>

< / body>

1 Ответов

Рейтинг:
1

Peter Leow

Эта функция является устарелый[^], старайтесь не использовать его.
Просто примите это как возможность изучить некоторые кодировки JavaScript, тогда все в порядке:
Во-первых, если вы хотите сгенерировать случайное число в диапазоне, скажем, от min 10 до max 100 включительно, логика должна выглядеть следующим образом:
1. Найдите диапазон, например диапазон = 100-10 = 90
2. Как Математика.случайный() будет генерировать случайное число от 0 (включительно) до 0,9999..., это

Math.random() * (90 + 1)

даст случайное число от 0 (включительно) до 90.999....
3. Используйте Math. floor (), чтобы избавиться от десятичной части, чтобы получить число от 0 до 90.
4. Добавьте мин 10 к этому числу, вы получите число от 10 (включительно) до 100 (включительно)
5. Полученный код будет:
Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber

Забудьте код, который вы получили из ниоткуда, попробуйте это:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Marquee</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var minNumber = 0;
  var maxNumber = 100;	
  $("#myNumber").attr("scrollamount", Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);

});
</script>
</head>

<body>
<marquee id="myNumber"> Banana </marquee>
<br>
<marquee> banana </marquee>
</body>
</html>

Он должен прокручиваться с произвольной скоростью при каждом обновлении вкладки Вашего браузера.
Чтобы понять этот код, вы должны присутствовать учебник по jQuery[^]