小程序最最最基础编程之计时器使用

对于JS编程高手可略过此文,仅供新手学习参考。

问题

打开微信小程序,随便创建一个页面(不妨设置为test)。然后,在test.js文件中加入如下代码:

data: {
times: 0
},

/**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    var that = this;

    var term = setInterval(function () {
    console.log(‘times:‘,that.data.times);
    if (that.data.times ===3) {
    clearInterval(term);
    console.log(‘END...‘);
    }else{
    that.setData({ times: ++that.data.times})
    }
    }, 1000);
    },

    请问:控制台的输出结果如何?

如果把上述代码完全替换为如下:
data: {
times: 0
},

/**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    var that = this;

    var term = setInterval(function () {
    console.log(‘times:‘,that.data.times);
    if (that.data.times ===3) {
    clearInterval(term);
    console.log(‘END...‘);
    }else{
    that.setData({ times: that.data.times++})
    }
    }, 1000);
    },

请问:控制台的输出结果又将如何?

[参考答案]自己试去......

原文地址:http://blog.51cto.com/zhuxianzhong/2346452

时间: 2024-10-03 14:57:02

小程序最最最基础编程之计时器使用的相关文章

小程序的模板化编程

笔记内容:小程序的模板化编程笔记日期:2018-01-08 将业务中的数据分离到单独的数据文件中 之前编写的新闻列表页面中,我们把示例数据都放在了js文件中,但实际上数据是不应该写在js文件中的,所以我们得把这些数据分离到一个单独的数据文件中.然后post.js文件就加载这个数据文件中的数据即可,这样也可以模拟一下加载服务器数据的过程. 1.新建一个data目录,并在该目录下创建一个.js文件: 2.将数据剪切到该新建的文件中: // 将数据整合成数组类型 var local_database

小程序开发之socket编程 小程序直播答题开发的直播弹幕使用web socket编程

最近有一个项目很火,那就是直播答题的,接到公司的这个任务,开发直播答题的聊天室功能.在线的人相互聊天.之前做过类似的,当时都是使用的ajax轮询的,这种非常的耗费服务器.所以这次就开始使用socket来做,我主要负责后端开发,主要就是配合前端做一些接口. 小程序前端使用微信的空间 wx.connectSocket  做好相关的wss配置,然后我这边使用PHP来做socket 服务读写. 公司采用的是gateway worker 具体不多说,大家可以看他的文档哈,我就直接上代码了 GatewayW

微信小程序开发基础(一)「配置」与「逻辑层」

微信小程序作为微信生态重要的一环,在实际生活.工作.商业中的应用越来越广泛.想学习微信小程序开发的朋友也越来越多,本文将在小程序框架的基础上就微信小程序项目开发所必需的基础知识及语法特点进行了详细总结和阐述,包括配置.函数.语法.事件及其处理.数据绑定.模块.样式等.想开发小程序,这些内容是必须掌握的. 全文知识结构预览: 一.程序配置: 1.全局配置:2.页面配置 二.逻辑层: 1.程序注册:App()方法:2.页面注册:Page()方法:3.模块与调用:4.微信原生API 三.视图层(将在单

微信小程序学习指南

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

马化腾IT领袖峰会力推,微信小程序即将迎来爆发拐点

3月25日,马化腾在2018中国(深圳)IT领袖峰会上发表了题为"数字中国的机遇与探索"的演讲.从"一纵"."一横"."一新"这三个角度解释了他对数字中国发展的理解. 马化腾认为,一纵就是技术和互联网.从互联网+或者+互联网,每个行业都在利用互联网信息技术进行改造和升级.新经济跟传统行业并不冲突,而是互补的,可以深度融合的:一横就是数字化从经济扩展到民生.政务等领域,横向发展到一定程度,就成为整个数字中国.比如交通.医疗.教育

店长宝干货分享:微信小程序如何运营推广?

微信小程序正式推出已经一年了,很多中小企业和个体商户已经借助微信小程序开发工具店长宝的千款微信小程序行业模板,在无需代码的情况下快速开发出了自己的微信小程序.那么微信小程序开发出来后如何运营和推广呢?其实微信小程序运营和推广的很多方法是可以从App和公众号借鉴过来的.这里总结了一些微信小程序(店长宝)运营和推广的一些思路,让大家快速上手微信小程序运营. 微信推广小程序 微信公众号的运营推广需要一定时间沉淀,结合产品做内容聚合推荐,内容不一定要多,但是一定要精并且符合微信号的定位.可以与合作伙伴推

微信小程序豆瓣电影项目的改造过程经验分享

在学习微信小程序开发过程中,一部分的难点是前端逻辑的处理,也就是对前端JS的代码编辑:一部分的难点是前端界面的设计展示:本篇随笔基于一个豆瓣电影接口的小程序开源项目进行重新调整,把其中遇到的相关难点和改进的地方进行讨论介绍,希望给大家提供一个参考的思路,本篇随笔是基于前人小程序的项目基础上进行的改进,因此在开篇之前首先对原作者的辛劳致敬及感谢. 1.豆瓣电影接口的小程序项目情况 豆瓣电影接口提供了很多相关的接口给我们使用,豆瓣电影接口的API地址如下所示:https://developers.d

支付宝小程序正式上线公测 附开发者工具和开发文档

支付宝小程序正式进入公测阶段,开发者可以申请公测了.支付宝小程序是一种全新的开放模式,它运行在支付宝客户端,可以被便捷地获取和传播,为终端用户提供更优的用户体验.小程序开放给开发者更多的JSAPI和OpenAPI能力,通过小程序可以为用户提供多样化便捷服务.公测申请地址:https://openhome.alipay.com/platform/miniBeta.htm 支付宝小程序特色能力 1.支付能力.满足商户各商业经营场景的支付需求2.信用能力.为商户高效识别用户的真实.靠谱性3.大数据能力

微信小程序设计规范

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议.以下设计原则都是基于对用户的尊重的基础上的,旨在微信生态类建立有号.高效.一致的用户体验的同时,最大程度顺应和支持各业务需求设计,实现用户与程序的共赢. 一.友好礼貌 为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序哎设计时应该注意减少无关的设计元素对用户目标干扰,礼貌地向用户展示程序侧提供的服务,友好地引导用户进行操作. 1. 重点突出 每个页面都应有明确的重点,以便于用户每进入一个新