7
JavaScriptまたはNodeJで書かれたコンソールアプリケーションで読み込みアニメーションを作成する方法は?JavaScriptまたはNodeJで書かれたコンソールアプリケーションで読み込みアニメーションを作成する方法は?
アニメーションやその他のアニメーションの例。
1. --
2. \
3. |
4./
5. --
JavaScriptまたはNodeJで書かれたコンソールアプリケーションで読み込みアニメーションを作成する方法は?JavaScriptまたはNodeJで書かれたコンソールアプリケーションで読み込みアニメーションを作成する方法は?
アニメーションやその他のアニメーションの例。
1. --
2. \
3. |
4./
5. --
ブラウザコンソールでは、実際には可能ではありません。 Node.jsのでは:
var twirlTimer = (function() {
var P = ["\\", "|", "/", "-"];
var x = 0;
return setInterval(function() {
process.stdout.write("\r" + P[x++]);
x &= 3;
}, 250);
})();
あなたにも、ブラウザのコンソールでそれを行うことができます。
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.
をうわー、 'X &= 3;'ラインが神秘的であること。私は 'x = x%P.length; 'と書いたでしょう(and演算子の代わりにモジュロ演算子を使います)。そうすれば、要素をPに追加するとコードが動作します。その場合、 'x &= 4;'または 'x&= P.length;'は動作しません。 –
'clearInterval(twirlTimer)'で停止できます。 – Amadan
@Amadanありがとう!) –