javascript 中断函数的使用 setInterval()——返回顶部

方法名称：gotop()

功能描述：点击某个元素，调用方法gotop()，固定间隔，滚动至屏幕顶部

日期　　：2016.06.06 16:02

author  ：[email protected]

<script type="text/javascript">

var i;
var IR1;
function gotop(){
　　i = window.pageYOffset;
　　IR1 = setInterval("myMethod()",1);
}

function myMethod(){
　　i=i-10;
　　console.debug(i);
　　console.debug("a");
　　window.scroll(0,i);
　　if(i<0){
　　　　clearInterval(IR1);
　　}
}

</script>

时间： 2024-11-05 00:53:20

javascript 中断函数的使用 setInterval()——返回顶部的相关文章

javascript 中断函数的使用 setInterval();

<script type="text/javascript"> var i=1; var IR1 = setInterval("myMethod()",1000); function myMethod(){ i++; console.debug(i); console.debug("a"); if(i>20){ clearInterval(IR1); } }</script> 程序思路: 1.创建中断对象 var I

javascript实现无兼容性问题返回顶部

今天继续学习javascript,有一点php基础,感觉基础还是挺容易掌握的.听了老师的一节课,讲的document.documentElement.scrollHeight,当时老师做了一个返回顶部的小例子,听完课准备自己试一下,结果令我很惊讶,我发现这个东西居然有兼容性问题. 当然了碰见问题就得解决,我用了四个浏览器作测试,分别为:谷歌,ie,苹果,火狐. 结果:document.documentElement.scrollHeight->ie与火狐是我们预想的结果.( 即整个文件的    

javascript返回顶部几种代码总结

纯js代码 /** * 回到页面顶部 * @param acceleration 加速度 * @param time 时间间隔 (毫秒) **/ function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if (document.

javascript 返回顶部

<style>#linGoTopBtn {    POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px;}</style><script>function linGoTop(){    var obj = document.getElement

Javascript 特效（一）返回顶部

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 *{ margin:0; padding:0;} 8 body{ height:2000px;} 9 #box{ width:40px; height:40px;

获取JavaScript异步函数的返回值

今天研究一个小问题: 怎么拿到JavaScript异步函数的返回值? 1.错误尝试 当年未入行时,我的最初尝试: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script> function getSomething() {  var r = 0;  setTimeout(function() {  r = 2;  }, 10);  return r; } function compute() {  var x = getSomething();  alert

javascript 关于函数的返回值

在javascript中根据调用方式的不同返回的内容也不同 1.  以函数的形式调用 当以函数的形式调用时, 返回值和函数定义时的 ruturn 有关, return的是数字就number类型, return字符串就是string类型, return 一个函数就得到Function类型, 总之return什么就得到什么. 2. 以new操作符调用函数 function A() { this.name = "Tom"; this.age = 23; } var a = new A();

JavaScript/Jquery返回顶部代码

<!DOCTYPE html> <html> <head> <title>返回顶部</title> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <style type="text/css">

javascript学习笔记（二）：定义函数、调用函数、参数、返回值、局部和全局变量

定义函数.调用函数.参数.返回值 关键字function定义函数,格式如下: function 函数名(){ 函数体 } 调用函数.参数.返回值的规则和c语言规则类似. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta chaset="UTF-8"> 5 <title></title> 6 </head> 7 <body