详解微信小程序的不同函数调用的几种方法


Posted in Javascript onMay 08, 2019

一、调取参数

直接调取当前js中的方法,

调取参数that.bindViewTap();

二、跳转页面

navigateTo: function () {
wx.navigateTo({ url: '../page4/page4' });
},
 
 
全局变量使用方法
a.js
var app = getApp()
Page({
data: {
hex1: [],
})}
//设置全局变量
if (hex1 != null) {
app.globalData.hex1 = hex1;
}
 
b.js
接收全局变量
var app = getApp()
Page({
 data:{
  hex1:[]
 },
 
onLoad:function(options){
   this.setData({
   hex1:getApp().globalData.hex1
  });
 },
 
})

三、获取事件的方法:

获取事件的方法:
bindViewTap1: function (e) {
console.log('事件event',e)
}
 
监听input方法
a.wxml页面
<input type="number" maxlength="2" placeholder="小于100分钟" placeholder-class="psection" bindinput="listenerTimeInput" />
 
a.js页面
//监听input框输入
listenerTimeInput: function (e) {
this.data.time = e.detail.value;
console.log('哒哒this.data.time', this.data.time)
},
 
获取当前时间戳
var timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
console.log("当前时间戳为:" + timestamp);
 
时间转换为秒
var stime = '';
var format = '';
stime = time * 60;
console.log('秒', stime);
 
转换为时间
Date.prototype.format = function (format) {
var date = {
"M+": this.getMonth() +1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() +3) /3),
"S+": this.getMilliseconds()
};
if (/(y+)/i.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() +'').substr(4 - RegExp.$1.length));
}
for (var kin date) {
if (new RegExp("(" + k +")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1
? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
}
}
return format;
}
var oktime = '';
oktime = newDate.format('yyyy-MM-dd h:m:s');
 
//获取当前时间
var date = new Date();
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
console.log('大大', month);
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
console.log('大大', month);
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + date.getHours() + seperator2 + date.getMinutes() + seperator2 + date.getSeconds();
console.log('当前时间', currentdate);
console.log('年', date.getFullYear());
console.log('月', month);
console.log('日', date.getDate());
console.log('时', date.getHours())
console.log('分', date.getMinutes())
 
 
转为串
oktime = oktime.toString();
 
提取数值
var oktime = oktime.replace(/[^0-9]/ig, "");
console.log('oktime', oktime);
 
获取年 月 日 时 分 秒
var year1 = '';var month1 ='';var date1 ='';var hours1 ='';var min1 ='';
year1 = oktime.substring(2, 4);
console.log('year1', year1);
month1 = oktime.substring(4, 6);
console.log('month1', month1);
date1 = oktime.substring(6, 8);
console.log('date1', date1);
hours1 = oktime.substring(8, 10);
console.log('hours1', hours1);
min1 = oktime.substring(10, 12);
console.log('min1', min1);
 
转换为16进制
  
var zhen4000 = parseInt(zhen400);
  
console.log('飞zhen4000', zhen4000)
    
zhen4000 = zhen4000.toString(16);
 
console.log('@@@@@zhen4000', zhen4000);
 
将值由16进制转10进制
zhen1 = parseInt(zhen001, 16);
 
// 进行异或运算
//注:我使用过16进制的异或运算,没成功,最后使用了比较复杂的方法,由十六进制转化为十进制异或运算,将得到的值在转为十六进制
zhen9 = zhen1 ^ zhen2

四、点击事件url传值

点击事件url传值
wx.redirectTo({
url: '../page1/page1?deviceId='+title+'&name='+name,
success: function(res){
// success
},
 
.js传值到.wxml页面
js页面
this.setData({
ntc: ntc,
result: ntc
})
wxml页面
<rich-text class='tep'>{{ntc}}℃</rich-text>
 
.wxml页面bindtap点击事件传值到.js 页面跳转 监听id传值
bindtap="bindViewTap1"值触发到到js里面的bindViewTap1:function方法
.wxml
<navigatorbindtap="bindViewTap1"id='time1'url="../page5/page5"hover-class="navigator-hover">
 
.js
bindViewTap1: function (e) {
//hex1
var id = e.currentTarget.id;
console.log('坎坎坷坷扩id',id);
}
 
设置跳出循环
//跳出循环,只运行一次
在data()里面添加
flag : '',
在你使用的方法里面加
var flag = true;
if (flag) {
that.bindViewTap3();
that.bindViewTap2();
flag = false;
}
 
 
函数间传值
//设置全局data
 data{rtime:''}
 
btn1: function(e){
 this.setData({
   rtime : time
  })
}
 
btn2:funciton(e){
 console.log('###@@@@@#',this.data.rtime)
}

以上所述是小编给大家介绍的微信小程序的不同函数调用的几种方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jquery的页面划词搜索JS
Sep 14 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
实例浅析js的this
Dec 11 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
js插件实现图片滑动验证码
Sep 29 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
uniapp实现可以左右滑动导航栏
Oct 21 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
微信小程序Page中data数据操作和函数调用方法
May 08 #Javascript
vue中使用props传值的方法
May 08 #Javascript
vue权限问题的完美解决方案
May 08 #Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 #Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 #Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 #Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 #Javascript
You might like
PHP字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
手动用webpack搭建第一个ReactApp的示例
2018/04/11 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
微信小程序实现滚动加载更多的代码
2019/12/06 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
js实现网页随机验证码
2020/10/19 Javascript
HTML元素拖拽功能实现的完整实例
2020/12/04 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
Python松散正则表达式用法分析
2016/04/29 Python
python 中split 和 strip的实例详解
2017/07/12 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
详解分布式任务队列Celery使用说明
2018/11/29 Python
python安装及变量名介绍详解
2020/12/12 Python
CSS3 3D酷炫立方体变换动画的实现
2019/03/26 HTML / CSS
Ray-Ban雷朋瑞典官方网站:全球领先的太阳眼镜品牌
2019/08/22 全球购物
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
如何清空Session
2015/02/23 面试题
三分钟自我介绍演讲稿
2014/08/21 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
详解python的异常捕获
2022/03/03 Python
flex弹性布局详解
2022/03/20 HTML / CSS
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL