js实现打印一个彩色的菱形(代码)
程序员文章站
2022-05-09 12:27:13
...
本篇文章给大家带来的内容是关于js实现打印一个彩色的菱形(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
<!DOCTYPE html> <html> <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> <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>'); 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>'); for (var j = 1; j <= i; j++) { document.write('<span style="color:' + cl() + '">*</span>'); } document.write('</p>'); } } ling(15); </script> </div> </body> </html>
相关推荐:
以上就是js实现打印一个彩色的菱形(代码)的详细内容,更多请关注其它相关文章!