小程序
小游戏
企业微信
微信支付
扫描小程序码分享
现象描述:页面代码<view style="left:{{x}}px;top:{{y}}px;">+1</view> 在页面中有好多小球,点击小球时就在小球的位置出现+1, 预期结果:每点击的时候动态修改x,y的值 让+1出现在小球的位置。
实际结果:点击之后 +1出现延迟近10s左右,假如一连串点了5个球,过了一段时间才看见+1的位置才陆续变化!
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你直接 在canvas 上搞不就好了吗
canvas
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
嗯,我换地方了,我竟然在“小程序”框架里开发小游戏,昨天又申请了一个小游戏的appid,然后在小游戏的框架下开发了,原来的代码还得重构,悲剧!
mytouchstart:
function
(e){
var
x_point = e.touches[0].x;
y_point =e.touches[0].y;
this
.setData({ thescorestyle_left: x_point, thescorestyle_top: y_point});
}
上面这个是js 代码
<
canvas-id
=
"canvas"
bindtouchstart
"mytouchstart"
style
'width:{{canvasWidth}}px; height:{{canvasHeight}}px;'
></
>
view
class
"thescore"
"left:{{thescorestyle_left}}px;top:{{thescorestyle_top}}px;font-size:18px;"
>+1</
上面这个是页面代码
来个代码片段看看?
代码片段发出来了
问题补充: 我试过,正常情况下没有延迟,但是在setInterval 循环执行期间出现这个延迟严重,而这个在普通的h5程序员下是不存在延迟的!!
var interval = setInterval(function () { //do something},10);
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你直接 在
canvas
上搞不就好了吗嗯,我换地方了,我竟然在“小程序”框架里开发小游戏,昨天又申请了一个小游戏的appid,然后在小游戏的框架下开发了,原来的代码还得重构,悲剧!
mytouchstart:
function
(e){
var
x_point = e.touches[0].x;
var
y_point =e.touches[0].y;
this
.setData({ thescorestyle_left: x_point, thescorestyle_top: y_point});
}
上面这个是js 代码
<
canvas
canvas-id
=
"canvas"
bindtouchstart
=
"mytouchstart"
style
=
'width:{{canvasWidth}}px; height:{{canvasHeight}}px;'
></
canvas
>
<
view
class
=
"thescore"
style
=
"left:{{thescorestyle_left}}px;top:{{thescorestyle_top}}px;font-size:18px;"
>+1</
view
>
上面这个是页面代码
来个代码片段看看?
代码片段发出来了
问题补充: 我试过,正常情况下没有延迟,但是在setInterval 循环执行期间出现这个延迟严重,而这个在普通的h5程序员下是不存在延迟的!!
var interval = setInterval(function () { //do something},10);