大佬教程收集整理的这篇文章主要介绍了在我的警报效果代码中添加抽搐用户名,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对“解码”文本的 twitch 订阅者做了一个效果,但不是说“[用户名] 刚刚订阅”而是说“刚刚订阅”...我如何让用户名出现(我有有效的代码没有效果),此外,我还需要知道如何使消息自行解码。
HTML:
<div class="text-container">
<div>
<div class="awsome-text-container">
<span ID="username-container"></span>
<span class="code" role="content">
Just Subscribed
</span>
</div>
<p>
{{message}}
</p>
</div>
</div>
CSS:
@import url('https://cdn.streamelements.com/scripts/animate.min.CSS');
* {
Font-family: 'monospace';
}
.awsome-text-container {
Font-size: 42px;
Font-weight: bold;
}
.text-container {
Font-size: 16px;
color: black;
text-align: center;
margin: auto;
}
$background: #263238;
span{
margin-top: 70px;
Font-family: 'monospace' ;
Font-size: 70px ;
Font-size: 6vw;
text-align: center;
}
Js:
//get data from the ? StreamElements ? data injection
const name = '{{name}}';
// vanilla es6 query selection (can use librarIEs and frameworks too)
const usernameContainer = document.querySelector('#username-container');
var toString = $('.code').HTML()
var OGarray = toString.split('');
var genNum
var counter = 0
var cutOffAt = 55
var obfuscated = 1
function getRandom(len) {
return new Array(len + 1).join('2');
}
function Gen() {
var length = toString.length;
console.log(length)
genNum = getRandom(length);
console.log(genNum)
$('.letters').HTML(genNum);
console.log(genNum)
}
function parser(NUarray) {
$.each(NUarray,function(index,value) {
if (value == 0) {
NUarray[index] = OGarray[index]
} else if (value == OGarray[index]) {
NUarray[index] = OGarray[index]
} else if (isNaN(value)) {
NUarray[index] = OGarray[index]
} else {
change = Math.round(Math.random() * 9);
NUarray[index] = change
}
});
if (NUarray.toString() == OGarray.toString()) {
obfuscated = 0
window.clearInterval(interval)
}
if (counter == 50) {
obfuscated = 0
window.clearInterval(interval)
NUarray = OGarray
}
counter += 1
return NUarray.join("")
}
function Genletters(stringtochange) {
var string = stringtochange.toString().split('')
return genNum = parser(string)
}
function runThis() {
Genletters(genNum)
console.log(genNum)
$('.code').HTML(genNum)
}
Gen();
var interval = setInterval(function() {
runThis();
},100);
应该让用户名出现的代码是 <span ID="username-container"></span>
尽量不要在“刚刚订阅”消息之前关闭跨度,所以,试试这个代码:
<div class="awsome-text-container">
<span id="username-container">
<span class="code" role="content">
Just Subscribed
</span>
</span>
</div>
以上是大佬教程为你收集整理的在我的警报效果代码中添加抽搐用户名全部内容,希望文章能够帮你解决在我的警报效果代码中添加抽搐用户名所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。