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


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 相关文章推荐
在JavaScript中通过URL传递汉字的方法
Apr 09 Javascript
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
Jquery插件 easyUI属性汇总
Jan 19 Javascript
javascript中日期转换成时间戳的小例子
Mar 21 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
js实现右键自定义菜单
Dec 03 Javascript
面包屑导航详解
Dec 07 Javascript
Javascript删除数组里的某个元素
Feb 28 Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 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
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
利用PHP生成CSV文件简单示例
2016/12/21 PHP
JavaScript中:表达式和语句的区别[译]
2012/09/17 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
Vue实现开关按钮拖拽效果
2020/09/22 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
浅谈MySQL中的触发器
2015/05/05 Python
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
python如何统计代码运行的时长
2019/07/24 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
网络管理员岗位职责
2014/03/17 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
幼儿教师个人总结
2015/02/05 职场文书
城南旧事观后感
2015/06/11 职场文书
爱护环境建议书
2015/09/14 职场文书
安全责任协议书范本
2016/03/23 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript