JS获取时间和设置倒计时

只做笔记记录一下，主要用到Date 和 setInterval
第一个倒计时的设置：

<script type="text/javascript">var timeBox = document.querySelector("#time");function countdown(){var nowTime = new Date();var targetTime = new Date("2018/2/27 15:44:15");var spanTime = targetTime-nowTime;if(spanTime <=0){timeBox.innerHTML="立即抢购";clearInterval(countdown);}else{var hours = Math.floor(spanTime/(1000*60*60));spanTime-=hours*60*60*1000;var minute = Math.floor(spanTime/(1000*60));spanTime-=minute*60*1000;var second = Math.floor(spanTime/1000);hours<10 ? hours='0'+hours : hours;minute<10 ? minute='0'+minute : minute;second<10 ? second='0'+second : second;timeBox.innerHTML=hours+':'+minute+':'+second;}}var timer = window.setInterval(countdown,1000);</script>

第二个，显示当前日期：

<script type="text/javascript">var timeBox = document.querySelector("#time");function countdown(){var date = new Date();var hours = date.getHours();var minute = date.getMinutes();var second = date.getSeconds();hours =checkTime(hours);minute =checkTime(minute);second =checkTime(second);timeBox.innerHTML = hours+':'+minute+':'+second;}// 检测时间数字是否小于10，在小于10的数字前加一个‘0’function checkTime(i){i<10 ? i="0"+i :i;return i;}var timer = window.setInterval(countdown,1000);</script>

JS获取时间和设置倒计时相关推荐

js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享
本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家. 只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置: var timeBox = documen ...
js获取时间年月日时间戳等方法
var myDate = new Date();//获取系统当前时间 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整 ...
js 获取时间对象代码
/** * 获取时间对象 */ function getDateObj(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addD ...
微信小程序实现给一个时间去设置倒计时
设置倒计时此方法仅限不超过一个月的倒计时 <view> <text>{{year>9?year:"0"+year}}</text>年&l ...
小程序：js获取验证码时（倒计时模块）
代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...
JavaWeb手机短信实现前台利用JS获取随机验证码，倒计时效果
1 var random=""; 2 function getMessages(button){ 3 //前台倒计时 4 front(button); 5 //请求后台发送验证码 ...
js封装时间相关函数（倒计时，时间戳，判断是否超时）
倒计时 /*** 计算两个时间段之间的毫秒差值* @param {*} date1 当前时间* @param {*} date2 未来某个时间*/ export function djs(date1, ...
vue使用moment.js获取时间
一.安装/引用插件moment.js npm install moment --saveimport moment from "moment" 二.使用注:需要年月日的朋友只 ...
js获取时间（yyyy-MM-dd HH:mm:ss）
/** * 获取当前时间 * * @return 返回时间类型 yyyy-MM-dd HH:mm:ss */ function sysTime(){ var myDate = ...

JS获取时间和设置倒计时

JS获取时间和设置倒计时相关推荐

最新文章

热门文章