ホームページ > 記事 > ウェブフロントエンド > js は、カラーダイヤモンドの印刷を実装します (コード)
js は、カラーダイヤモンドの印刷を実装します (コード)
- 不言オリジナル
- 2018-08-16 10:51:421988ブラウズ
この記事の内容は、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 で画像の遅延読み込みを実装するにはどうすればよいですか?画像の遅延読み込みを実装するjsメソッドコード
js時間変換:タイムスタンプから時間文字列への変換(コード)
以上がjs は、カラーダイヤモンドの印刷を実装します (コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。