用js编程 红白球共25个,白黑球共31个,红黑球共28个,求三种球各有多少

JavaScript018

用js编程 红白球共25个,白黑球共31个,红黑球共28个,求三种球各有多少,第1张

<!--

red:11

black:17

white:14

-->

<html>

<body>

<script type="text/javascript">

for(var red=0red<=25red++)

{

var white=25-red,black=28-red

if(31==white+black)

{

alert("red:"+red+"\n"+"black:"+black+"\n"+"white:"+white)

}

}

</script>

</body>

</html>

<html>

<head>

<title>test</title>

<meta http-equiv="content-Type" content="text/htmlcharset=utf-8">

<script type="text/javascript">

var unique = {}

    window.onload = function(){

     document.getElementById('btn').onclick = function(){

     var result = random_num([6,1])

     document.getElementById('result').innerHTML = document.getElementById('result').innerHTML + '<br />' + result

     unique = {}

     }

    }

    function random_num(){

        var params = arguments[0]

        var count = params[0] + params[1]

        var result = arguments[1] || []

        var k = ("0"+Math.floor(Math.random() * (result.length >= params[0] ? 16 : 33) + 1)).slice(-2)

        if(result.length<count){

            if(!unique[k]){

                result.push(k)

                unique[k] = 1

            }

            random_num(params,result)

        }

        return result.slice(0,count-params[1]).sort().concat(result.slice(params[0]).sort())

    }

</script>

<body>

<button id="btn">result</button>

<div id="result"></div>

</body>

</html>

js:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawBeeline/demo1.js

html:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawBeeline/demo1.html

准备属性值:

   本文使用js画直线,运用到css中的一些属性。

绘制的步骤:

    在本例中,绘制直接使用鼠标。点击获得起始点,拖动到终点获得结束点,鼠标松开就绘制图形。

获得起始点:

获得结束点:

绘制直线:

    使用了jquery中的animate()方法。

   js:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawBall/demo2.js

   html:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawBall/demo2.html

小球的属性:

创建小球:

使小球运动:

    将之前的画直线的方法封装成一个固定起点和终点的类。

js:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawTrajectory/js/createLine.js

html:  https://github.com/wangxia34/trajectory/blob/master/trajectory/html_js/drawTrajectory/demo1.html