Konsol uygulamasında JavaScript veya NodeJs'de nasıl bir yükleme animasyonu oluşturulur?Konsol uygulamasında JavaScript veya NodeJs'de nasıl bir yükleme animasyonu oluşturulur?
Örnek animasyon veya başka bir animasyon.
1. --
2. \
3. |
4./
5. --
Konsol uygulamasında JavaScript veya NodeJs'de nasıl bir yükleme animasyonu oluşturulur?Konsol uygulamasında JavaScript veya NodeJs'de nasıl bir yükleme animasyonu oluşturulur?
Örnek animasyon veya başka bir animasyon.
1. --
2. \
3. |
4./
5. --
Tarayıcı konsolunda gerçekten mümkün değil. Node.js olarak:
var twirlTimer = (function() {
var P = ["\\", "|", "/", "-"];
var x = 0;
return setInterval(function() {
process.stdout.write("\r" + P[x++]);
x &= 3;
}, 250);
})();
Siz de tarayıcı konsoluna yapabilirsiniz:
var loading = (function() {
var h = ['|', '/', '-', '\\'];
var i = 0;
return setInterval(() => {
i = (i > 3) ? 0 : i;
console.clear();
console.log(h[i]);
i++;
}, 300);
})();
// clearInterval(loading) to stop it.
Vay x &= 3; 'hat mistik olduğunu' söyledi. Ben x = x% P.length; 'yazabilirdim (ve operatör yerine modulo operatörünü kullanarak). Böylece, bir öğeye P eklediğinizde kod da çalışır. Bu durumda, x &= 4; 'veya' x & = P.length; 'işlevi çalışmaz. –
Bunu "clearInterval (twirlTimer)' ile durdurabilirsiniz. – Amadan
@Amadan Teşekkür ederiz!) –