灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:3217回复:0

js中的循环的实例

楼主#
更多 发布于:2011-12-10 15:02
乘法口决
//      for (i = 1;i <= 9; i++) {  //控制行

//          for (j= 1; j <= i; j++) {  //控

//             document.write(i+"*"+j+"="+(i*j)+";nbsp");
//          }
//         document.write("<br/>");

     //      }
/*
*
***
*****

*/

//      for (i = 1;i <= 5; i++) {  //控制行

//          for (j= 1; j <= 2*i-1; j++) {  //控

//             document.write("*");
//          }
//         document.write("<br/>");

     //      }



/*
        *
       ***
      *****
     *******
    *********
   ***********
  *************
 ***************
*****************
*******************


*/
//      for (i = 1;i <= 10; i++) {
//          //打印空格
//          for (t= 1; t <= 10 - i; t++) {

//             document.write(";nbsp");

//          }
//          for (j = 1; j <= 2*i - 1; j++) {


//             document.write("*");


//          }
//         document.write("<br/>");
     //      }


     //打印出菱形的图形


// for (i = 1; i <= 5; i++) {
//     //打印空格
//          for (t= 1; t <= 5-i; t++) {

//              document.write(";nbsp");

//          }
//          for (j= 1; j <= 2*i - 1; j++) {


//             document.write("*");


//          }
//         document.write("<br/>");
//           }


/*
行数   星数 空格数
 
*/
          for (i = 4; i >= 1; i--) {
              //               for(t = 4; t >= i; t--)
              for (t = 5-i; t >= 1; t--)
              {

                 document.write(" ");

              }
              for (j = 1; j <= 2 * i - 1; j++) {
                  document.write("*");


              }
             document.write("<br/>");

          }



可以使用for 循环来实现一些相关的图像

例如打印菱形:
  *
  ***
 *****
*******
*********
*******
 *****
  ***
   *
//打印出菱形的图形


for (i = 1; i <= 5; i++) {
    //打印空格
         for (t = 1; t <= 5-i; t++) {

            document.write(";nbsp");

         }
         for (j = 1; j <= 2*i - 1; j++) {


            document.write("*");


         }
        document.write("<br/>");
          }


/*
行数   星数 空格数
 
*/
          for (i = 4; i >= 1; i--) {
              //               for(t = 4; t >= i; t--)
              for (t = 5-i; t >= 1; t--)
              {

                 document.write(" ");

              }
              for (j = 1; j <= 2 * i - 1; j++) {
                 document.write("*");


              }
              document.write("<br/>");

          }




/*
   *
  * *
 *   *
*     *
* * * * *
*/
for(i=1;i<=5;i++)
{
 //打印空格
 for(t=1;t<=5-i;t++)
 {
    document.write(" ");
 }

 for(j=1;j<=2*i-1;j++)
 {
    //打印除最后一行的其他行,第一和最后一列打*,其他空格
    if(i<5)
    {
      if(j==1 || j==2*i-1)
        document.write("*");
      else
        document.write(" ");
    }
    else//最后一行,奇数*,偶数空格
    {
      if(j%2!=0)
        document.write("*");
      else
        document.write(" ");
    }
 }
 document.write("<br/>");
}




<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>打印三角形</title>
</head>

<body style="text-align:center;">
<script  type="text/javascript">
var k=prompt("请输入打印的行数:","");
for(var i=1;i<=k;i++)
{
 for(varj=0;j<i;j++)
 {
    document.write("*   ");
  }
    document.write("<br/>");
}
</script>
</body>
</html>


喜欢0 评分0
游客

返回顶部