Math.round() 函数(JavaScript)
时间:2014-03-11 13:27 来源: 我爱IT技术网 作者:山风
Math.round() 函数:本教程主要是介绍JavaScript Math.round() 函数。对于Math.round()这里主要是以例子来说明。
<html>
<head>
<meta charset="utf-8">
<title>jsMath.round例子</title>
<script>
/**
* Js 实现读写双进度条
*/
var count = 200; //要读取的记录总数
var progress_r = 0; //当前读取进度
var progress_w = 0; //当前写入进度
//读取一条记录
function ReadData(curr){
progress_r = Math.round(curr / count * 100);
$('#loadprogress').css('width',progress_r+'%');
$('#loadprogress').attr('aria-valuenow',progress_r);
setTimeout('WriteData('+curr+')',1000);
}
//写入一条记录
function WriteData(curr){
progress_w = Math.round(curr / count * 100);
$('#playprogress').css('width',progress_w+'%');
$('#playprogress').attr('aria-valuenow',progress_w);
$('#playprogress_v').html(progress_w+'%');
}
/**
* @param int curr 当前正在读取第几条
*/
function getData(curr){
if(curr < count){
//console.log(curr);
setTimeout('ReadData('+curr+')',300);
curr++;
setTimeout('getData('+curr+')',200);
}
}
$(function(){
getData(0);
});
</script>
</head>
<body>
<br>
<br>
<div style="width:600px; margin-left:20px;">
<div class="progress progress-striped active" style="position:relative;">
<div id="playprogress" class="progress-bar progress-bar-info" style="width:0%; z-index:3; position:absolute;">
<span id="playprogress_v">0%</span>
</div>
<div id="loadprogress" class="progress-bar progress-bar-warning" style="width:0%; z-index:2; position:absolute;">
</div>
</div>
</div>
</body>
</html>
本文来源 我爱IT技术网 http://www.52ij.com/jishu/3972.html 转载请保留链接。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

好像网上有很多关于java的培训班,培训机构,学费也是高低不等,不知道哪家java培训更靠谱一些。
我也想学习java,不知道需要什么样的基 N沂且幻笞ㄉ蠹叶际峭ü裁囱姆绞窖暗模
我也是java初学者,刚接触,对于JavaScript还是陌生的。
大一,正在java学习中。。。
正在学习java中,我是java新新学员,新新新新新来的
JavaScript是我的短处,一直在这块迷糊。
Math.round()是取近似值的javascript函数吧。
Math.round()鏄彇杩戜技鍊肩殑鍚