js 计时器核心代码

小程序定时器代码示例

下面是一个简单的例子，，后面显示最核心的代码片段

// components/countDown/countDown.js
Component({/*** 组件的属性列表*/properties: {startTime: {type: String,value: ''},endTime: {type: String,value: ''}},lifetimes: {attached: function () {// 在组件实例进入页面节点树时执行// console.log(this.data)let now = new Date().valueOf() / 1000;let start = new Date(this.properties.startTime).valueOf() / 1000;let end = new Date(this.properties.endTime).valueOf() / 1000;this.setData({Maintain_time: now < start ? (start - now) : (now < end ? end - now : 0)})if (now > start) {this.setData({display: 1})}this.mytime();},detached: function () {// 在组件实例被从页面节点树移除时执行this.destroyed();},},/*** 组件的初始数据*/data: {TIME: "0天0时0分0秒", //用于显示的值display: 0,d: '0',h: '00',m: '00',s: '00',Maintain_time: '', // 用于实际计算使用的倒计时t: "", //定时器富于的变量。关闭页面要销毁,},/*** 组件的方法列表*/methods: {mytime: function () {let that = this;// this.setData({setInterval(this.countTime, 1000, that)// })},countTime: function (that) {// console.log(that);let time = that.data.Maintain_time;// console.log(time)if (time > 0) {let d, h, m, s;d = parseInt(time / 60 / 60 / 24);h = parseInt((time / 60 / 60) % 24);m = parseInt((time / 60) % 60);s = parseInt(time % 60);// console.log(d, h, m, s);let tmpTime = (that.data.Maintain_time) - 1;// console.log(tmpTime);that.setData({Maintain_time: tmpTime,d: (d.toString().length == 1 ? '0' + d : d),h: (h.toString().length == 1 ? '0' + h : h),m: (m.toString().length == 1 ? '0' + m : m),s: (s.toString().length == 1 ? '0' + s : s),})}},destroyed() {clearInterval(this.data.t);},}
})

核心代码
//time 秒是毫秒级别/1000 正确的时间戳格式可以使用 ValueOf（）进行转换

d = parseInt(time / 60 / 60 / 24);h = parseInt((time / 60 / 60) % 24);m = parseInt((time / 60) % 60);s = parseInt(time % 60);

js 计时器核心代码相关推荐

nuxt.js的核心代码_Nuxt.js中的通用应用程序代码结构
nuxt.js的核心代码 by Krutie Patel 通过克鲁蒂·帕特尔(Krutie Patel) Nuxt.js中的通用应用程序代码结构 (Universal application code ...
Html秒表计时代码,js实现秒表计时器功能代码示例
本文实例为大家分享了带有开始.暂停.清除功能的js计时器,供大家参考,具体内容如下计时器 var hour,minute,second;//时分秒 hour=minute=second=0;// ...
DophinScheduler ui部分核心代码详细解析——重中之重的src文件夹里究竟有何种玄机
2021SC@SDUSC 文章目录一.整体结构二.具体细节 1.components 2.images 3.js 1.dag-canvas 2.contextMenu 3.nodeStatus.j ...
Sg.js框架核心概念
Sg.js框架核心概念: 1)所有变量.方法.类对象全部都是从属于$g主树,由$g分支出很多$g.变量名.$g.方法.$g.对象id.$g.类: 2)获取控件内部属性必须使用公开的get方法获取,禁止 ...
asp.net的cms 核心代码篇
好像开源有点多余,核心代码就下面这些. 1 using System;2 using System.Collections;3 using System.Collections.Generic;4 u ...
Node.js的核心与红利
唯有明晰历史,才能了然当下,预知未来.作者从历史角度解读Node.js,帮助读者透过猜忌和谣言,看清真实的Node.js,了解Node.js的核心与红利. 令人惴惴不安的Node.js 我们越来越频繁 ...
移动Web体验月报（6月）：MIP 核心代码升级，增加基于 Vue 开发能力
原创: BrilliantOpenWeb OpenWeb开发者 7月6日作者 | Brilliant Open Web 团队编辑 | Daisy 升级与重要进展历时2个月,MIP团队完成了核心代 ...
php用asp文件js,asp下用fso生成js文件的代码
asp下用fso生成js文件的代码更新时间:2008年06月24日 23:47:54 作者: asp下使用fso生成js代码的方法 Set fso= Server.CreateObject(&q ...
融云开发案例核心代码分享
该套代码为从项目案例中提取的,可以直接拿去使用,主要包含了单聊及消息的处理.主要分三个页面处理完成,入口首页(index).消息列表页(message).会话页面(chat) index.html 页 ...

js 计时器核心代码

js 计时器核心代码相关推荐

最新文章

热门文章

js 计时器 核心代码

js 计时器 核心代码相关推荐

最新文章

热门文章

js 计时器核心代码

js 计时器核心代码相关推荐