<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数字图片展示</title>
<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>共同学习，写下你的评论
评论加载中...
作者其他优质文章
