ホームページ > 記事 > ウェブフロントエンド > javascript_javascript スキルを使用してステータス バーにテキストの動的な表示を実装する方法
javascript_javascript スキルを使用してステータス バーにテキストの動的な表示を実装する方法
- WBOYオリジナル
- 2016-05-16 15:35:531364ブラウズ
この記事の例では、JavaScript を使用してステータス バーにテキストを動的に表示する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
<script>
var child = window.open("information.html","_blank","width=200,height=200,toolbar=no");
function closeChild(){
if(!child.closed){
child.close();
}
}
//设置间隔1秒钟，调用一次scroll()
setInterval("scroll()",100)
var space_num = 0;
var dir = 1; //文本开始从左向右移动
function scroll(){
var str_space = "";
space_num = space_num + 1*dir;
//如果空格数大于40 或者 小于0时
if(space_num > 40 || space_num <= 0){
dir = dir * (-1);
}
//空格数自增
for(var i=0; i<space_num; i++){
str_space += " ";
}
//在文字前空格数变换
window.status = str_space + "welcome to study";
}
</script>
<body onunload="closeChild()">
</body>
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。