jquery 实现时间倒计时，精确到时分秒@令狐张豪

这里写了一个倒计时的工具函数，直接复制调用即可，代码如下


//倒计时工具函数封装
function countDown(date, time) {var starttime = Date.parse(new Date(date)) + time * 60 * 60 * 1000; //4月30号18点var nowtime = Date.parse(new Date());var time = starttime - nowtime;var day = parseInt(time / 1000 / 60 / 60 / 24);var hour = parseInt(time / 1000 / 60 / 60 % 24);var minute = parseInt(time / 1000 / 60 % 60);var seconds = parseInt(time / 1000 % 60);return day + "天" + hour + "小时" + minute + "分" + seconds + "秒";
}//调用封装好的倒计时工具函数
var obj = setInterval(() => {var date = countDown('2021/4/30', 18);console.log(date);if (date.indexOf('-') != -1) {clearInterval(obj)console.log('倒计时完了');}
}, 1000)

end~~~

如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！
文章对您有所帮助请给作者点个赞支持下，谢谢~

jquery 实现时间倒计时，精确到时分秒@令狐张豪相关推荐

前端解决表情符号乱码问题（前端处理表情符号编码）@令狐张豪
今天接手了一个项目,里面有个功能点是点赞评论的功能,之前写的代码用户输入表情符号后我们返显出来的是一堆???问号大概原因:UTF-8编码有可能是两个.三个.四个字节.Emoji表情是4个字节,而My ...
js截取指定字符后的内容@令狐张豪
举个例子:www.baidu.com/csdn?name=beijing 在这里我们想拿出"beijing"怎么取? 用到的技术点:indexOf.substring var ob ...
uni-app创建小程序项目并运行到微信开发者工具上@令狐张豪
在这直接说步骤 1. 创建uni-app小程序项目 2. 打开项目中的manifest.json文件进行配置 2.1 写入微信小程序AppID 2.2 打开HBuilder X 工具-设置填写外部w ...
axios拦截器 @令狐张豪
下面是一个简易的axios拦截器使用的demo,主要看下代码注释,详细可参考axios官方API axios let app = new Vue({el: "#app",data( ...
vue 生成二维码插件@令狐张豪
安装npm npm install qrcodejs2 --save cnpm install qrcodejs2 --save //推荐使用淘宝镜像在使用的组件里引入qrcodejs2js文件 i ...
传统html中使用vant @令狐张豪
这里说的是传统html哈.传统html,不是vue脚手架,最近接手了一个项目,是前后端不分离的,前端是用html写的vue,没使用脚手架,这时候我们想使用vue的一些UI组件库开始很踩了很多坑,网上 ...
微信小程序/uni-app生成海报功能@令狐张豪
使用技术栈:uni-app 使用官方文档提供的API:createCanvasContext(uni-app) /CanvasContext(原生) *注意:海报里用到的图片都得先使用小程序提供的下载 ...
H5横屏开发、vue横屏开发@令狐张豪
有时候正常竖屏开发满足不了我们的需求,需横屏开发开发思路:把这个body利用css3 transform rotate 旋转90度,js判断竖屏情况下的宽高和横屏下的宽高示例: <!DOCT ...
css改变页面滚动条样式@令狐张豪
直接上代码: //改变滚动条宽度.ni_de_lei_ming::-webkit-scrollbar {width: 5px;}//改变滚动条样式.ni_de_lei_ming::-webkit-sc ...

jquery 实现时间倒计时，精确到时分秒@令狐张豪

jquery 实现时间倒计时，精确到时分秒@令狐张豪相关推荐

最新文章

热门文章