效果圖如下所示：
具體代碼如下所示：
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>weirdo</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } .lx { text-align: center; letter-spacing: 5px; margin: 20px; } </style></head><body><div class="lx"> <script> function cl() { var c = '0123456789abcdef'; var cc = '#'; cc += c.charAt(Math.round(Math.random() * (c.length - 1))); cc += c.charAt(Math.round(Math.random() * (c.length - 1))); cc += c.charAt(Math.round(Math.random() * (c.length - 1))); cc += c.charAt(Math.round(Math.random() * (c.length - 1))); cc += c.charAt(Math.round(Math.random() * (c.length - 1))); cc += c.charAt(Math.round(Math.random() * (c.length - 1))); return cc; } function ling(num) { for (var i = 1; i <= num; i += 2) { document.write('<p class="ling">'); for (var j = 1; j <= i; j++) { document.write('<span style="color:' + cl() + '">*</span>'); } document.write('</p>'); } for (var i = num; i >= 1; i -= 2) { document.write('<p class="ling">'); for (var j = 1; j <= i; j++) { document.write('<span style="color:' + cl() + '">*</span>'); } document.write('</p>'); } } ling(15); </script></div></body></html>總結
以上所述是小編給大家介紹的JS打印彩色菱形的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
