阴阳师日本官网总结
1、最近做阴阳师日本官网,其中有个功能是获取预约人数,设计稿上的人数是这样151,567,000,想了想自己写还有点麻烦,于是网上copy了代码,再修改了下。
其中,有一点需要注意的是:函数中的str是字符串,所以需要把数字进行转成字符串,再传值。
function formatNum(str) {
var newStr = "",
count = 0;
if (str.indexOf(".") == -1) {
for (var i = str.length - 1; i >= 0; i--) {
if (count % 3 == 0 && count != 0) {
newStr = str.charAt(i) + "," + newStr;
} else {
newStr = str.charAt(i) + newStr;
}
count++;
}
str = newStr + ".00"; //自动补小数点后两位
} else {
for (var i = str.indexOf(".") - 1; i >= 0; i--) {
if (count % 3 == 0 && count != 0) {
newStr = str.charAt(i) + "," + newStr;
} else {
newStr = str.charAt(i) + newStr; //逐个字符相接起来
}
count++;
}
str = newStr + (str + "00").substr((str + "00").indexOf("."), 3);
}
return newStr;
}
// 引用
var appointCount = 15834,
str = appointCount.toString(); //把数字进行转成字符串
$('#Jcount').html(formatNum(str));
2、js实现音频音量逐渐变大
var JbgAudio = $('#Jnav .jvedio').find("audio")[0];
function setVolumeUp(){
var ID = setInterval(function(){
var volume = JbgAudio.volume + 0.1;
if(volume >=1){
JbgAudio.volume = 1;
clearInterval(ID);
}else{
JbgAudio.volume = volume;
}
},100)
}
// 需要的地方调用
setVolumeUp()
3、CSS3实现元素垂直居中
.center{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
写在最后:暂时总结这么多,有时间再补充,O(∩_∩)O
手机阅读请扫描下方二维码:
上一篇:sticky解决粘性交互在微信的问题
下一篇:关于函数声明与函数表达式的一些理解