ホームページ > ウェブフロントエンド > jsチュートリアル > ネイティブのユーザーレベルのプログレスバー_JavaScript スキル

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

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

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

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




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
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート