如何将全局变量i变成函数的局部变量?


<style>
.x1{width: 50px;height: 50px;background: red;top:50px;left:30px;position: relative;}
</style>

<div id="x" class="x1">
</div>

<script>
    var ctx = document.getElementById("x");
    var i=50;
    function z(){
        ctx.style.left = 200+i+"px";
        i = i+50;
    }
    setInterval("z()",1000);

</script>

上述代码是一个自动移动div的代码,我有两个问题:
1、如何将全局变量i变成函数z的局部变量?
2、如果要做出图片轮播的那种效果,必须使用setInterval来控制移动速度吗?有没有别的办法?

谢谢。
(p.s 重点是问题1)


加个闭包。

function z() {
    var i = 50;
    return function() {
        ctx.style.left = 200 + i + 'px';
        i = i + 50;
    }
}
var Z = z();
setInterval('Z()', 1000);

z={
    i:50,
    fun:function(){
        ctx.style.left = 200+i+"px";
        this.i+=50
    }
}

setInterval('z.fun()',1000);



相关阅读:
vue应用嵌在微信里 ,点击微信右上角的分享其中一个页面的链接 ,怎样让用户点开来就是当前页面呢?
AngularJS路由添加controller问题
PC端API和移动端API有什么不同吗?
pycharm 如何配置 python3 的开发环境?
vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?
vue.js2.0中set和get的问题
$.ajax 跨域 options
mysql 的IFNULL失效
webpack在安装的时候出现问题
使用websocket上传视频文件后无法播放
作用域链的问题?
angular.js高级程序设计书本开头配置环境出错,谁能给解答一下
样式和类样式区别
关于this在浏览器中的指向
在node.js里面可以使用window对象的方法吗
angularjs如何将字符串类型的时间格式化呢
bundle-loader解析import异于ES6 module
video标签怎么控制播放内容的宽高?
IE兼容 React
弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 爸爸的新年贺卡作文400字 保持共产党员先进性教育活动学习动员阶段总结报告 “感冒经济” 你能像我爱你那样爱我吗? 供电公司“创业服务年”阶段汇报交流材料 小学五年级作文500字:一瞬间的美丽 第一次在建设工地之一 接受使命 千变万化的它作文800字 2016关于春节前解决困难群众生产生活问题的汇报材料 第十二个噩梦作文700字 读《鸿门宴》有感650字 王定的生日 长征之歌作文400字 思念,在海的一角 老爸戒烟啦作文600字 《春光灿烂猪九妹》观看有感作文300字 我眼中的喜羊羊 党员转正自我鉴定 果子作文100字 《三块钱国币》备课笔记 他有足够的理由活下去(陈禹丞) 难忘恩师500字 小学五年级作文1200字:跨年 《荆轲刺秦王》新传作文600字 五毛钱的愿望读后感100字 读祖国在我心中有感作文400字 中秋月,中华情 2016柜台加工合同范本 打开心灵的那扇窗作文600字 上学 小记者来到福利院 芦花似雪舞秋声 沸冰煮茶 冥想的好处及功效 小学六年级作文550字:新年打雪仗 一个动作充满爱作文550字 小学四年级作文800字:爸爸,请听我说…… 区建设局年度执法监察工作总结及工作计划 班级管理理念 没有、结果 政府道路交通安全管理工作讲话 小学三年级作文550字:可爱的山羊 “安全生产月”宣传标语内容 “我说我家”教学实录及点评 六一儿童节毕业生致辞 我开心的一天 学生会主席团成员竞选演讲稿 《悼念玛丽 世界首富:少年壮志不言愁 在欺骗中绝望作文1900字

Copyright © 2016 phpStudy |