js实现的缓慢放大和缩小

这个例子为大家分享图片慢速缩放JS的实现代码，供大家参考，具体内容如下

图片的缩放
在window.onload =函数（）{
无功btn_big = document.getelementbyid（大）；
无功btn_small = document.getelementbyid（小）；
var pic = document.getelementbyid（PIC）；
慢/放大
btn_big.onclick =函数（）{
VaR的宽度= parseInt（PIC。风格。宽度）；
var i =宽度；
var计数= 0；
console.log（宽）；
VaR定时器= setInterval（）函数（）{
计数+；
++；
pic.style.width = I +%；
如果（计数= 10）{
ClearInterval（定时器）；
}如果（i 50）{
btn_big.onclick =功能（e）{
btn_big.onclick = null；
}；
}
}，13）；
}；

慢下来/
btn_small.onclick =函数（）{
VaR的宽度= parseInt（PIC。风格。宽度）；
var计数= 0；
如果（宽度= 10）{
警惕（）图片是最小的！；
返回false；
}
console.log（宽）；
VaR Timer2 = setInterval（）函数（）{
计数+；
宽度—；
pic.style.width =宽+%；
如果（计数= 10）{
ClearInterval（定时器）；
}如果（宽度< 10）{
btn_small.onclick = null；
}
}，13）；
}
}
# PIC {
宽度：20%；
}

放大和缩小
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。