当前位置: 首页 > 浏览器控制台趣味彩蛋:那些好玩的代码与起飞特效分享

浏览器控制台趣味彩蛋:那些好玩的代码与起飞特效分享

时间:2026-10-04

浏览器控制台趣味彩蛋:那些好玩的代码与起飞特效分享1

在浏览器控制台(console)中,有一些有趣的代码和特效可以分享。以下是一些示例:
1. 打印彩色文本:
javascript
console.log("Hello, World!", "Colorful Text");
这将在控制台中打印出"Hello, World!"和"Colorful Text"两个字符串,它们的颜色分别为红色和绿色。
2. 打印彩色数字:
javascript
console.log(Math.random() * 256);
这将在控制台中打印出一个随机的十六进制颜色值。
3. 打印彩色图片:
javascript
var img = new Image();
img.src = 'path/to/your/image.jpg';
console.log(img.width + "x" + img.height);
这将在控制台中打印出图片的宽度和高度。
4. 打印彩色渐变:
javascript
var gradient = document.createElement('linearGradient');
gradient.id = 'myGradient';
gradient.beginPath();
gradient.moveTo('red', 0);
gradient.lineTo('blue', 1);
gradient.strokeStyle = '' + Math.floor(Math.random()*16777215).toString(16);
document.body.appendChild(gradient);
这将在控制台中打印出一个从红色到蓝色的线性渐变。
5. 打印彩色动画:
javascript
var animate = function() {
var i = 0;
setInterval(function() {
i++;
if (i > 10) {
i = 0;
}
console.log(i * 255 / 10);
}, 1000);
};
animate();
这将在控制台中每秒打印出一个介于0和1之间的随机整数,范围为0-255。

TOP