如何使用随机滚动量在HTML中创建选取框 [英] How do I create a marquee in HTML with a random scroll amount
问题描述
我正在尝试将javascript整合到其中，但我不知道该做什么。
我尝试了什么：
< html>
< head>
< script type =text / javascriptsrc =http://www.cpagrip.com/script_include.php?id=2193>
{var link = document.getElementById（' getNumber'）; //获取链接
link.onclick = getNumber; //单击运行函数
函数getNumber（）{
var minNumber = 0; //你想要的最小数量
var maxNumber = 100; //你想要的最大数量
var randomnumber = Math.floor（Math.random（）*（maxNumber + 1）+ minNumber）; //生成随机数
$（'＃myNumber'）。html（randomnumber）; //设置< div>的内容编号
返回false; //返回false只是为了整理所有内容
}
< / script>
< / head>
< body>
< marquee scrollamount =< div id =myNumber>< / div> ;> Banana< / marquee>
< br>
< marquee>香蕉< / marquee>
< / body>
I am trying to integrate javascript into it, but I have no clue what to do at this point.
What I have tried:
<html>
<head>
<script type="text/javascript" src="http://www.cpagrip.com/script_include.php?id=2193">
{ var link = document.getElementById('getNumber'); // Gets the link
link.onclick = getNumber; // Runs the function on click
function getNumber() {
var minNumber = 0; // The minimum number you want
var maxNumber = 100; // The maximum number you want
var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number
$('#myNumber').html(randomnumber); // Sets content of <div> to number
return false; // Returns false just to tidy everything up
}
</script>
</head>
<body>
<marquee scrollamount="<div id="myNumber"></div>"> Banana </marquee>
<br>
<marquee> banana </marquee>
</body>
推荐答案
（'＃myNumber'） html的（randomnumber）; //设置< div>的内容编号
返回false; //返回false只是为了整理所有内容
}
< / script>
< / head>
< body>
< marquee scrollamount =< div id =myNumber>< / div> ;> Banana< / marquee>
< br>
< marquee> banana< / marquee>
< / body>
('#myNumber').html(randomnumber); // Sets content of <div> to number
return false; // Returns false just to tidy everything up
}
</script>
</head>
<body>
<marquee scrollamount="<div id="myNumber"></div>"> Banana </marquee>
<br>
<marquee> banana </marquee>
</body>
此功能obsolete [ ^ ]，尽量不要使用它。
只是把它当作学习一些JavaScript编码的机会就好了：
首先，如果你想在一个范围内生成一个随机数，比如说最小值10到最大值100，那么逻辑应该是这样的：
1.找到范围，例如range = 100 - 10 = 90
2.由于Math.random（）将生成一个从0（含）到0.9999的随机数...，这个
This feature is obsolete[^], try not to use it.
Just take it as an opportunity to learn some JavaScript coding is then fine:
First, if you want to generate a random number in a range, say min 10 to max 100 both inclusive, the logic should go like this:
1. Find the range, e.g. range = 100 - 10 = 90
2. As Math.random() will generate a random number from 0 (inclusive) to 0.9999..., this
Math.random() * (90 + 1)
会给出一个从0（含）到90.999的随机数....
3.使用Math.floor（）删除小数部分以获得0到90之间的数字。
4.将最小值10添加到此数字，您将得到一个从10（含）到100（含）的数字
5.生成的代码为：
will give a random number from 0 (inclusive) to 90.999....
3. use Math.floor() to get rid of the decimal part to get a number from 0 to 90.
4. Add the min 10 to this number, you will get a number from 10 (inclusive) to 100 (inclusive)
5. The resulting code will be:
Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber
忘记你从哪里获得的代码，试试这个：
Forget the code that you got from nowhere, try this:
<!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 ;
(document).ready(function(){ var minNumber = 0; var maxNumber = 100;
这篇关于如何使用随机滚动量在HTML中创建选取框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
