前端-js例子：收钱转账

支付宝转账

在这里用到周期定时器setInterval(function,time)，设置达到目标钱数时停止定时器。

点击转账按钮时，开始函数显示。

同时要确定输入框里输入的是数字。（有一定容错）

window.onload=function(){var btn =document.querySelector(".btn")var container=document.querySelector(".container")var money=document.querySelector(".money")var timervar change=function(target){// container.innerHTML=parseInt(container.innerHTML)+parseInt(money.value) // var target=parseInt(container.innerHTML)+parseInt(money.value)container.innerHTML=parseInt(container.innerHTML)+1 if(container.innerHTML>=target){// container.innerHTML=targetclearInterval(timer)}}btn.onclick=function(){// console.log(900)// console.log("700")// console.log(container.innerHTML)// console.log(typeof container.innerHTML)// console.log(money.value)// console.log(typeof money.value)var target=parseInt(container.innerHTML)+parseInt(money.value)if(!isNaN(parseInt(money.value))){// container.innerHTML=parseInt(container.innerHTML)+parseInt(money.value) // change()timer=setInterval(function(){change(target)},1000)}else{alert("金额必须为数字")}}

转账后：