js动画效果

Posted 2020-09-09 风雨飘飘飘啊飘

js能够按照预定的时间间隔重复调用一个函数，而这意味着我们可以随着时间的推移而不断改变某个元素的样式。动画是样式随时间变化的完美例子之一。

js函数setTimeout能够让某个函数在经过一段预定的时间之后才开始执行。这个函数带有两个参数：第一个参数通常是一个字符串，其内容是将要执行的那个函数的名字；第二个参数是一个数值，它以毫秒为单位设定了需要经过多长时间才开始执行第一个参数所给出的函数：

setTimeout("function",interval)

在绝大多数时候，把这个函数调动赋值给一个变量将是一个好主意：

variable=setTimeout("function",interval)

 js函数parseInt可以把字符串里的数值信息提取出来。如果一个以数值开头的字符串传递给这个函数，它将返回一个数值：parseInt(string);

parseInt("39 steps");

这个函数调动将返回数值“39”，parseInt函数的返回值通常都是常数，如果需要提取的是带小数点的数值（也就是浮点数），就应该使用相应的parseFloat函数：parseFloat(string)

css的overflow属性用来处理一个元素的尺寸超过其容器尺寸的情况。

overflow属性的可取值有4种：visible、hidden、scroll和auto。

visible：不裁剪溢出的内容。内容全部可见。

hidden：隐藏溢出的内容。

scroll：类似于hidden，浏览器将对一处的内容进行隐藏，但显示一个滚动条以便让用户能够滚动看到内容的其他部分。

auto：类似于scroll。但是浏览器只在确实发生溢出时才显示滚动条。如果内容没有溢出，就不显示滚动条。