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


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效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
JS中eval函数的使用示例
Jul 21 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
学习javascript文件加载优化
Feb 19 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
JavaScript 反射学习技巧
Oct 16 Javascript
微信小程序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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
php 使用array函数实现分页
2015/02/13 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
vue指令以及dom操作详解
2017/03/04 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
详解JS函数防抖
2020/06/05 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
深入理解Javascript中的this关键字
2015/03/27 Python
pygame实现简易飞机大战
2018/09/11 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
python中if及if-else如何使用
2020/06/02 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
python3的pip路径在哪
2020/06/23 Python
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
公司年会晚宴演讲稿
2014/01/06 职场文书
小学毕业感言50字
2014/02/16 职场文书
德语专业求职信
2014/03/12 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
班级出游活动计划书
2014/08/15 职场文书
酒店前台岗位职责
2015/04/16 职场文书
我的长征观后感
2015/06/09 职场文书
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers