//計算1+2+...+n的值
    var n = 10;
    n = parseInt(n);
    var res = 0;
    for(var i=1;i<=n;i++){
        res+=i;
    }
    document.write("結果是"+res);

//階乘: 計算1!+2!+...+n!的值

    var res2 = 0;
    var temp = 1;
    for(var i=1; i<=n; i++){
        for(var j=1;j<=i;j++){
            temp*=j;
        }
        res2
 
+=temp;
        temp =1;
    }
    document.write("第二個結果是"+res2);

/*---------
*
**
***
****
*****
----------*/
var n = 5;
for(var i=1; i<=n; i++){
    for(var j= 1;j<=i; j++){
       document.write("*");
    }
     document.write("<br>");
}

/*---------
   *
   ***
  *****
 *******
*********
----------
 
*/
    var n = 5;
    for(var i=1; i<=n; i++){
        for(var j= 1;j<=n-i; j++){
            document.write("&nbsp");
        }
        for(var k=1;k<=2*i-1;k++){
            document.write("*");
        }
        document.write("<br>");
    }

/*空心正三角形
            *
           * *
          *   *
         *******
思路：邊上的打印星號，其他的打印空格，最後一行打印星號 
 
*/

        document.write("空心正三角形<br/>");
        var n = 4;
        for(i=1; i<=n; i++){
           for(k=1; k<=n-i; k++){
                 document.write("&nbsp");
           }
           for(j=1; j<=2*i-1; j++){
                   if(i == n){
                       document.write("*");
                   }else if(j == 1 || j == 2*i-1){
                       document.write("*");
                   }else{
                       document.write("&nbsp");
                   }
           }
           document.write("<br>");
        }

/*空心菱形
    
            *
           * *
          *   *
           * *
            *
 思路：和打印菱形一樣，先打印上半部分，再打印下半部分 */
        document.write("空心菱形<br/>");
        n=7;
        //上半部分
        for(i=1;i<=n;i++){
            for(j=1;j<=n-i;j++){
                document.write("&nbsp;");
            }
            for(k=1;k<=2*i-1;k++){
                if (k==1||k==2*i-1) {
                    document.write("*");//打印邊上星號
                }else{
                    document.write("&nbsp;")//打印空心空格
                }
            }
            document.write("<br/>");
        }
        // 下半部分
        for(i=1;i<=n;i++){
            for(j=1;j<=i;j++){//每行最前面的空格
                document.write("&nbsp;");
            }
            for(k=1;k<=2*(n-i)-1;k++){
                if (k==1||k==2*(n-i)-1) {
                    document.write("*");
                }else{
                    document.write("&nbsp;");
                }    
            }
            document.write("<br/>");
        }

More Javascript打印金字塔，倒立金字塔，空心金字塔，菱形，空心菱形等

http://www.cnblogs.com/web-HCJ/p/4648645.html

JS interview loop code