<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数字图片展示</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var strNum='89860616020028754310';//js只能解析16以下数字。所以这里要变为字符串类型
var arrNum=strNum.split('').reverse().join('').replace(/(\d{3})/g,'$1a').replace(/\,$/,'').split('').reverse();
var arrLength=arrNum.length;
if(arrLength%4==0){
var str=arrNum.join('').substring(1);
arrNum=str.split('');
}
var html="";
$.each(arrNum,function(index,value){
html+='<img class="imgTab" src="images/num_'+value+'.png">';
$('.tosize').html(html);
});
</script>
</head>
<body>
<div class="box">
</body>
</html> 注意图片命名：此例中逗号命名为：num_a.png，其它为num_数字.png
如果数字在16位以下，可以用这种方法：每三位加一个逗号
<script type="text/javascript">
var num_s = "89860616020028754310";//16位以下数字可以正确解析
alert(parseFloat(num_s).toLocaleString());
</script>
随时随地看视频
热门评论
-
qq_青枣工作室_02017-06-24 1
查看全部评论var strNum='89860616020028754310'; $('.box').html(strNum.split('').reverse().join('').replace(/(\d{3})(?!$)/g, '$1a').split('').reverse().join('').replace(/(.)/g, '<img class="imgTab" src="img/num_$1.png">'));