mirror of
https://github.com/tiennm99/is-a-good-dev.git
synced 2026-10-14 12:16:52 +00:00
del, it didnt work
This commit is contained in:
1 parent
1f91d2827c
commit
ec9b1232a5
1 file changed
-55
-55
@@ -18,61 +18,6 @@
|
||||
<span id="sentence">.is-a-good.dev</span>
|
||||
</span>
|
||||
</div>
|
||||
<script>
|
||||
const carouselText = [
|
||||
{text:"johndoe",color:"white"},
|
||||
{text:"your_name",color:"white"},
|
||||
{text:"danny",color:"white"},
|
||||
{text:"foo",color:"white"},
|
||||
{text:"bar",color:"white"}
|
||||
]
|
||||
$( document ).ready(async function() {
|
||||
carousel(carouselText, "#feature-text")
|
||||
});
|
||||
|
||||
async function typeSentence(sentence, eleRef, delay = 100) {
|
||||
const letters = sentence.split("");
|
||||
let i = 0;
|
||||
while(i < letters.length) {
|
||||
await waitForMs(delay);
|
||||
$(eleRef).append(letters[i]);
|
||||
i++
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
async function deleteSentence(eleRef) {
|
||||
const sentence = $(eleRef).html();
|
||||
const letters = sentence.split("");
|
||||
let i = 0;
|
||||
while(letters.length > 0) {
|
||||
await waitForMs(100);
|
||||
letters.pop();
|
||||
$(eleRef).html(letters.join(""));
|
||||
}
|
||||
}
|
||||
|
||||
async function carousel(carouselList, eleRef) {
|
||||
var i = 0;
|
||||
while(true) {
|
||||
updateFontColor(eleRef, carouselList[i].color)
|
||||
await typeSentence(carouselList[i].text, eleRef);
|
||||
await waitForMs(1500);
|
||||
await deleteSentence(eleRef);
|
||||
await waitForMs(500);
|
||||
i++
|
||||
if(i >= carouselList.length) {i = 0;}
|
||||
}
|
||||
}
|
||||
|
||||
function updateFontColor(eleRef, color) {
|
||||
$(eleRef).css('color', color);
|
||||
}
|
||||
|
||||
function waitForMs(ms) {
|
||||
return new Promise(resolve => setTimeout(resolve, ms))
|
||||
}
|
||||
</script>
|
||||
<!-- Kofi widget -->
|
||||
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
|
||||
<script defer>
|
||||
|
||||
Reference in new issue
Block a user