js网页倒计时功能(天,时,分,秒)
1.给定任意一个时间,然后实现现在到那个时间的倒计时。
下面的例子是显示现在到2021年1月1号0时0分的倒计时:
function showTime() {
//获取目的日期
var myyear = 2021; //年
var mymonth = 1 - 1; //月 只需要填写 - 前面的数字,这里是八月
var myday = 0; //天
var myhour = 00; //时
var myminute = 00; //分
var mysecond = 00; //秒
//以上综合填入的时间是 2021年1月1号0时0分;
var time = Number(new Date(myyear, mymonth, myday, myhour, myminute, mysecond));
// var time=new Date(myyear,mymonth,myday,myhour,myminute,mysecond).getTime();
//获取当前时间
var nowTime = Date.now();
// var nowTime = new Date().getTime();
//获取时间差
var timediff = Math.round((time - nowTime) / 1000);
//获取还剩多少天
var day = parseInt(timediff / 3600 / 24);
//获取还剩多少小时
var hour = parseInt(timediff / 3600 % 24);
//获取还剩多少分钟
var minute = parseInt(timediff / 60 % 60);
//获取还剩多少秒
var second = timediff % 60;
//输出还剩多少时间
console.log(timerFilter(day)+"天"+timerFilter(hour)+"时"+timerFilter(minute)+"分"+timerFilter(second)+"秒")
setTimeout(showTime, 1000);
//给小于10的数值前面加 0
function timerFilter(params) {
if (params - 0 < 10) {
return '0' + params
} else {
return params
}
}
}
2.当前时间到当天23:59:59倒计时。(按F12在控制台执行函数就可以见到效果)
function showLeft() {
//获取当前时间
var nowTime = Date.now();
// var nowTime = new Date().getTime();
//获取当天 23:59
var endTime = new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1
//获取时间差
var timediff = Math.round((endTime - nowTime) / 1000);
//获取还剩多少小时
var hour = parseInt(timediff / 3600 % 24) + parseInt(timediff / 3600 / 24) * 24;
//获取还剩多少分钟
var minute = parseInt(timediff / 60 % 60);
//获取还剩多少秒
var second = timediff % 60;
//输出还剩多少时间
hour = timerFilter(hour);
minute = timerFilter(minute);
second = timerFilter(second);
console.log(hour + "时" + minute + "分" + second + "秒")
setTimeout(showLeft, 1000);
//给小于10的数值前面添加 0
function timerFilter(params) {
if (params - 0 < 10) {
return '0' + params
} else {
return params
}
}
}
js网页倒计时功能(天,时,分,秒)的更多相关文章
- js倒计时demo 天/时/分/秒
<html><head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title> ...
- JS实现倒计时(天数,时,分,秒)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <titl ...
- js网页倒计时精确到秒级
网页实时倒计时,精确到秒级,和天数倒计时原理一样. 一个很好用的js倒计时!网页实时倒计时,精确到秒级,和天数倒计时原理一样.js倒计时一般用于商城网站团购,特卖,很多地方都可用到!希望能够给大家带来 ...
- (转)js实现倒计时效果(年月日时分秒)
原文链接:http://mengqing.org/archives/js-countdown.html 之前做的活动页面很多都用到了倒计时功能,所以整理下下次直接用.(用的是张鑫旭写的一个倒计时,稍作 ...
- jQuery UI Datepicker&Datetimepicker添加 时-分-秒 并且,判断
jQuery UI Datepicker时间(年-月-日) 相关代码: <input type="text" value="" name="ad ...
- 网页倒计时,动态显示"××年还剩××天××时××分××秒"
var target = document.getElementById('target'); function getTimeString(){ // 要计算任意两个日期的时间差只要修改curren ...
- JavaScript/js把秒或者毫秒换算成xx-xx-xx 时-分-秒的形式
function MillisecondToDate(msd) { // var time = parseFloat(msd) / 1000; var time=msd; if (null != ti ...
- js计算两个时间差 天 时 分 秒 毫秒
// 计算两个时间差 dateBegin 开始时间 function timeFn(dateBegin) { //如果时间格式是正确的,那下面这一步转化时间格式就可以不用了 var dateEnd = ...
- JS将秒转换为 天-时-分-秒
记录一下,备忘.. function SecondToDate(msd) { var time =msd if (null != time && "" != tim ...
随机推荐
- Yarn原理
欢迎关注我的公众号<小沈干货>,谢谢大家. 一.可以将YARN看作是分布式操作系统,在大数据组件中,YARN的定位是: 1)集群资源管理中心 2)任务调度中心 YARN的功能进一步可以细化 ...
- c++学习书籍推荐《C++ Templates》下载
详细讲解C++模板语言的概念. 使用C++模板的常用设计技巧. 应用例证(其中一些是“高 级”应用). 百度云及其他网盘下载地址:点我 名人推荐 如果今年你只打算买一本C++的书,那就选<C++ ...
- Elasticsearch(一)开启外网访问
1. 设置Elasticsearch对外访问的Host 修改Elasticsearch配置文件 elasticsearch.yml : network.host: 128.24.108.84 //在 ...
- ansible安装应用软件
1.创建相应的目录: mkdir -p /ansible/roles/{nginx,mysql,tomcat,db,zabbix}/{defaults,files,handlers,meta,task ...
- CDQZ集训DAY5 日记
又一个爆炸的一天…… 早上起来发现貌似是周末,七中放假(别人家的学校(一周一放,一放两天)……)然而感觉状态不是很好,感觉药丸. 题目一上来就装弱,有诈.第一题上来先打暴力,T2不知道怎么打.T3暴力 ...
- windows切换mac遇到的问题
1. 前端代码需要安装npm包 所以需要对整个文件夹都赋予管理员权限 2. 在npm i的时候如果权限不足 查看是哪一行调用了哪个文件夹,赋予权限 3. Dsp-fe 本地环境 除了需要配置host ...
- 「玩转Python」突破封锁继续爬取百万妹子图
前言 从零学 Python 案例,自从提交第一个妹子图版本引来了不少小伙伴的兴趣.最近,很多小伙伴发来私信说,妹子图不能爬了!? 趁着周末试了一把,果然爬不动了,爬下来的都是些 0kb 的假图片,然后 ...
- Thread API的详细介绍
import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.concurr ...
- 【bfs】单向公路-C++
描述 某地区有许多城镇,但并不是每个城镇都跟其他城镇有公路连接,并且有的公路并不能双向行驶.现在我们把这些城镇间的公路分布及允许的行驶方向告诉你,你需要编程解决通过公路是否可以从一个城镇到达另一个城镇 ...
- webService 的使用
webService Web service是一个平台独立的,低耦合的,自包含的.基于可编程的web的应用程序,可使用开放的XML(标准通用标记语言下的一个子集)标准来描述.发布.发现.协调和配置这些 ...