JS打印彩色菱形的實例代碼
更新時間：2018年08月15日 16:25:13 作者：Weirdo-world
本文通過一段簡單的實例代碼給大家介紹js實現打印彩色菱形的方法，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
效果圖如下所示：
具體代碼如下所示：
<!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打印彩色菱形的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要介紹了JavaScript中具名函數的多種調用方式總結,本文總結了4種方法,需要的朋友可以參考下2014-11-11
JavaScript實現body內任意節(jié)點的自定義屬性功能示例
這篇文章主要介紹了JavaScript實現body內任意節(jié)點的自定義屬性功能,涉及javascript針對DOM節(jié)點的獲取及屬性設置相關操作技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了微信小程序進入廣告實現代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
echarts柱狀堆疊圖實現示例(圖例和x軸都是動態(tài)的)
一些柱形圖在數據量比較多的時候,橫向排列受到擠壓,導致柱形圖,變的非常細,影響整體的效果,下面這篇文章主要給大家介紹了關于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關資料,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了微信小程序實現彈出層禁止頁面滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
今天需要在網頁上畫一個圖譜，想到用JS，經過學習，和網上搜索，經過整理優(yōu)化得到下面代碼，注意不是用HTML5的canvas，而是用的純js,需要了解的朋友可以參考下2012-12-12
這篇文章主要為大家詳細介紹了JavaScript實現瀑布流圖片效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
本文給大家收藏整理了ES6 Class 中的 super 關鍵字，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-10-10
本文主要介紹了簡單的漸變輪播插件，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
本文給大家分享的是js實現checkbox的全選的代碼,在網頁制作中很常用的js代碼,供大家學習參考。2015-04-04