コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

ネイティブのユーザーレベルのプログレスバー_JavaScript スキル

WBOY
リリース： 2016-05-16 18:23:52
オリジナル
1053 人が閲覧しました

背景についてはあまり詳しくないので、ユーザーが自分でパラメータを入力して背景からパラメータを読み込むプロセスをシミュレートする方法を作成しました。

コードをコピーします コードは次のとおりです。




script type= "text/javascript">
function userInfo(){
var allTime = document.getElementById("allTime").value;
var onTime = document.getElementById("onTime")値;
var level = document.getElementById("level");
var le = document.getElementById("le");
if(allTime == onTime){
le.style. width = 100 "%";
}
else if(onTime == 0){
le.style.width = 0;
}
else{
countPercent(onTime, allTime,level ,le);
}
}
function countPercent(onHours,allHours,level,le){
var floatNum = onHours/allHours
varpercent = floatNum.toFixed( "2" );
var toPercent;
if(percent == 1.00){
toPercent = 99;
}
else if(percent == 0.00){
toPercent = 1;
}
else{
toPercent = パーセント.substring(2);
le.style.width = toPercent "%"; ("showTime ");
level.onmouseover = function(){
showTime.style.display = "block";
showTime.innerHTML = "オンライン期間:" onHours "/" allHours; >}
level.onmouseout = function(){
showTime.innerHTML = "";
showTime.style.display = "none";
}
}











関連ラベル：
ユーザーレベル プログレスバー
ソース：php.cn
前の記事：jQuery ajaxのバグ：オブジェクトはこのプロパティまたはmethod_jqueryをサポートしていません 次の記事：object_javascript スキルによってインデックス付けされた js 連想配列
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
SQL Count() にも 0 が必要です テーブルが 1 つだけあり、0 で始まるタグの各エントリをカウントしたいと考えています。今度はこれを試します: SELECT tag,COUNT(start)ASAnzahl,us...
から 2024-04-06 19:48:53
0
1
449
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート