【JS】console.log()打印出五彩斑斓的黑

逛B站不小心点到了F12,于是乎看到了蓝色的小电视,于是乎了解了一下

先大致说一下语法:

console.log('%c巴拉%c巴拉','color:#fff','color:#000');

//上述代码中 
参数1 的 第一个 %c 会被替换成 参数2 所代表的样式;
参数1 的 第二个 %c 会被替换成 参数3 所代表的样式;
...
(字体颜色,背景颜色,字体大小都是可以的,其他的自己去发现)

//上面的写法等同于

console.log(console,['%c巴拉%c巴拉','color:#fff','color:#000']);

主题:打印五彩斑斓的黑

//创建新数组,存放数据及样式
arr=[''];
for(var x = 1; x<10;x++){
    //给每一个黑字设置样式
    arr[0]+='%c黑';
    //用随机函数生成三位数代表rgb颜色
    arr[x]='color:#fff;font-size:50px;background-color:#'+Math.random().toFixed(3)*1000;
}
console.log.apply(console,arr)

效果

 

这个时候,总会有人问了,这有什么用?我很负责的告诉你,没,什,么,卵,用.

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值