js는 컬러 다이아몬드 인쇄를 구현합니다(코드).
- 不言원래의
- 2018-08-16 10:51:421941검색
이 글의 내용은 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는 컬러 다이아몬드 인쇄를 구현합니다(코드).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.