账户中心 退出系统
6.0 版本 5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
6.0 版本 5.0 版本 3.0 版本
快速开始
介绍及部署
原生函数简化
页面跳转
网络请求
数据缓存
图片相关
系统信息
提示加载
头部导航
元素获取
常用函数扩展
字符操作
数组操作
随机数据
日期时间
延时循环
对象操作
延时及周期循环

delay()

函数功能 : 获取当前时间信息
函数参数 : 
1、延迟时间
2、延迟后执行的函数
返回值 : setTimeout 产生的 id, 可以使用 clearTimeout() 清除延迟
演示代码 : 

<template>
	<view>
		{{test}}
	</view>
</template>
<script>
var graceJS = require('@/Grace.JS/grace.js');
export default{
	data() {
		return {
			test: ''
		}
	},
	onLoad : function(){
		graceJS.delay(1000, ()=>{
			this.test = 'hi...';
		});
	}
}
</script>
<style>
</style>

interval()

函数功能 : 间隔指定的时间循环执行某个函数
函数参数 : 
1、间隔时间
2、需要执行的函数
返回值 : setInterval 产生的 id, 可以使用 clearclearInterval() 清除循环
演示代码 : 

<template>
	<view class="content">
		{{test}}
	</view>
</template>
<script>
var graceJS = require('@/Grace.JS/grace.js');
export default{
	data() {
		return {
			test: 1
		}
	},
	onLoad : function(){
		var timer = graceJS.interval(1000, ()=>{
			this.test++;
		});
		// 延迟5秒后停止循环
		graceJS.delay(5000, ()=>{clearInterval(timer);});
	}
}
</script>
<style>
</style>