js传入数字，回显倒计时

vue项目最近做考试项目用到倒计时的js，特地记录一下

data() {return {//倒计时hour: '',minute: '',second: '',timer: '',}
}，
computed: {hourString() {return this.formatNum(this.hour)},minuteString() {return this.formatNum(this.minute)},secondString() {return this.formatNum(this.second)}},created() {// this.form.examinationLength  就是传入的数字this.hour = Math.floor((this.form.examinationLength * 60 / 3600) % 24)this.minute = Math.floor((this.form.examinationLength * 60 / 60) % 60)this.second = Math.floor(this.form.examinationLength * 60 % 60)}，
method ：{//倒计时countDowm() {var self = thisclearInterval(this.timer)this.timer = setInterval(function() {if (self.hour === 0) {if (self.minute !== 0 && self.second === 0) {self.second = 59self.minute -= 1} else if (self.minute === 0 && self.second === 0) {self.second = 0clearInterval(self.timer)} else {self.second -= 1}} else {if (self.minute !== 0 && self.second === 0) {self.second = 59self.minute -= 1} else if (self.minute === 0 && self.second === 0) {self.hour -= 1self.minute = 59self.second = 59} else {self.second -= 1}}}, 1000)},
}

js传入数字，回显倒计时相关推荐

【.net】Ueditor中图片上传和图片回显路径的设置
在csdn六百多天的游侠今日现身江湖. 问题发生的背景: 所有项目代码中,图片上传都是固定存到一个图片专属的盘符,这样就可以整个盘符对所有图片进行备份以防丢失. 但是!有一个站点所引用的百度编辑器(主 ...
js实现微信表情回显
上文介绍了微信表情的发送,这篇文章介绍下微信表情回显时的方法,相对于表情发送的功能,回显这块显得简单多了我们还是用原有的数组来处理,后端返回的格式例如:哈哈[左哼哼] 这样类型,我们只需将[左哼哼 ...
jQuey/js 省市县三级下拉框联动的回显（简单易懂）
JSP 代码 <tr><td>地址:</td><td><select id="province&q ...
百度编辑器回显js报错Uncaught SyntaxError: Invalid or unexpected token
这个错误是因为回显的内容里面包含了回车,导致js报错解决办法如下: $vo['content'] = strreplace(array("\r\n", "\r" ...
DJANGO后台ADMIN下拉三级联动，纯JS，没有AJAX数据库回显，目前为止最简单的做法
网上有很多的DJANGO下拉三级联动,但是都涉及到数据库回显数据操作,操作复杂,本例子是把下拉数据写在JS中,很简单,不需要修改后台太多文件,最下面是一个正常的HTML下拉三级联动文件,我们在这个文件 ...
最简单的js实现上传头像并正常回显
既然有上传头像功能,那用户肯定得选择完照片后显示出来, 废话不多说,下面就是提供一段简单的代码来实现,希望对大家也有帮助: h5 部分 <div class=&qu ...
高德地图API JS实现获取坐标和回显点标记
1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现第一步:引入资源文件  <script src="//webap ...
js 格式化中国标准时间为YY-MM-DD形式并回显时间
即格式化中国标准时间为2020-09-10形式,中间的分隔符可以自行修改 //js不自带foramt函数了之后需要自行下载并引用 import { format } from "@/comm ...
layui实现下拉多选列表（xm-select.js插件使用，后台添加或修改数据回显提交问题总结）
话不多说上干活实现效果展示: 首先新增 xm-select.js插件 //后台传输用来查询是否新增还是修改 model.addAttribute("updatAppNameList&quo ...

js传入数字，回显倒计时

js传入数字，回显倒计时相关推荐

最新文章

热门文章