javascript輸出菱形圖形程式碼例項
本章節分享一段程式碼例項,它實現了輸出一個菱形圖案的效果。
此程式碼在實際應用中應該比較少見,但是可以作為對javascript程式碼的學習做一下參考。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> function done(){ var len=13; var harfLen=Math.floor(len/2); var str=""; for(var i=0;i<len;i++){ if(i<=harfLen){ for(var j=0;j<harfLen-i;j++){ str=str+" "; } for(x=0;x<i*2+1;x++){ str=str+"*"; } str=str+"\n"; } else{ for(var j=0;j<i-harfLen;j++){ str=str+" "; } for(var x=0;x<(2*harfLen-i)*2+1;x++){ str=str+"*"; } str=str+"\n"; } } return str; } alert(done()); </script> </head> <body> </body> </html>
相關文章
- javascript繪製心形圖案程式碼例項JavaScript
- javascript圓形鐘錶程式碼例項JavaScript
- javascript自帶的彈出輸出視窗程式碼例項JavaScript
- CSS3繪製菱形程式碼例項CSSS3
- javascript樹形導航選單例項程式碼JavaScript單例
- js輸出菱形JS
- javascript圓形電子鐘錶效果程式碼例項JavaScript
- javascript圖片預載入程式碼例項JavaScript
- javascript資料曲線圖例項程式碼JavaScript
- javascript柱狀統計圖程式碼例項JavaScript
- javascript的for in例項程式碼JavaScript
- css 心形效果程式碼例項CSS
- css3繪製心形圖案程式碼例項CSSS3
- JavaScript in運算子程式碼例項JavaScript
- javascript操作xml程式碼例項JavaScriptXML
- JavaScript confirm() 程式碼例項JavaScript
- javascript Function()使用程式碼例項JavaScriptFunction
- JavaScript dom操作程式碼例項JavaScript
- javascript委託程式碼例項JavaScript
- javascript階乘程式碼例項JavaScript
- javascript檢測上傳圖片大小程式碼例項JavaScript
- javascript限制textarea文字框輸入字元個數程式碼例項JavaScript字元
- css六邊形效果程式碼例項CSS
- css繪製圓形程式碼例項CSS
- border-radius繪製圓形圖案程式碼例項
- js實現的輸出雙引號程式碼例項JS
- 圓形小球環形均勻分佈程式碼例項
- js將日期輸出為YYYY/mm/dd格式程式碼例項JS
- css3橢圓形程式碼例項CSSS3
- CSS3心形效果程式碼例項CSSS3
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript取餘數程式碼例項JavaScript
- JavaScript獲取星期程式碼例項JavaScript
- javascript鍵盤事件程式碼例項JavaScript事件
- javascript 絕對值程式碼例項JavaScript
- javascript遞迴例項程式碼演示JavaScript遞迴
- JavaScript禁用tab鍵程式碼例項JavaScript
- javascript擷取字串程式碼例項JavaScript字串