JS如何实现从0直接蹦到指定的数字

JavaScript014

JS如何实现从0直接蹦到指定的数字,第1张

你应该学会怎么提问问题。

一个问题你首先要描述问题的场景。然后描述问题本身。

举个例子:

问题场景:

页面中有一个输入框和一个按钮。输入框的id是input_num,默认值是0,按钮的id是input_btn

问题描述:

当我点击这个按钮的时候,如果让输入框中的数字0,变为20

当然,我不知道你否问的是这种问题,但无论如何,你问题里提供的信息太少了,让别人根本不知道你到底想问什么。跳到20是什么意思,你希望是哪种效果(是瞬间改变还是像翻日历那样逐渐增大到指定的数字)?你要跳的数字是展示在哪里的?

var easeInOut = fucntion(t){

return (t *= 2) <1 ? 0.5 * t * t : 0.5 * (1 - (--t) * (t - 2))

}//t range 0-1

var min = 0

var max = 100

var t = min

setInterval(function(){

console.log((max-min)*easeInOut(t/(max-min)))//in IE not support console.log()

if(t<end) t++

},10)

方法只有一个。

步骤:

1、获取表格的dom节点

2、通过rows和cells定位td单元格

3、通过修改innerHTML

示例代码

1

2

3

4

5

6

7

8

9

10

11

12

<body>

<table id='test'> //定义一个table

<tr>

<td></td><td></td>

</tr>

</table>

<script>

var tb = document.getElementById('test')//获取表格的dom节点

var td = tb.rows[0].cells[0]//获取0行0列的td单元格

td.innerHTML = '222'//动态修改表格的内容为222

</script>

</body>