倒计时效果

于 2016-12-29 17:48:06 发布
阅读量269 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zichuanhuo221/article/details/53930954
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        span{display:block;width:300px;height:30px;margin-top:10px;border:solid 1px orange;}
    </style>
</head>
<body>
    <span id="goods1"></span>
    <span id="goods2"></span>
    <span id="goods3"></span>
    <span id="goods4"></span>
    <span id="goods5"></span>
    <span id="goods6"></span>


    <script>
        /*倒计时代码*/
        function countDown(_targetTime, showDom) {
            setInterval(function() {
                var _date = new Date();//当前时间
                var _target = new Date(_targetTime);//过期时间


                var _distance = _target - _date;//两个时间差


                var _days = Math.floor(_distance/1000/60/60/24);
                var _hours = Math.floor(_distance/1000/60/60 % 24);
                var _min = Math.floor(_distance/1000/60 % 60);
                var _sec = Math.floor(_distance/1000 % 60);
                var _ms = _distance % 1000;


                showDom.innerHTML = _days + "天" + _hours + "时" + _min + "分" + _sec + "秒" + _ms;
            }, 10);
        }


        /*调用倒计时*/
        var _g1 = document.getElementById("goods1");
        var _g2 = document.getElementById("goods2");
        var _g3 = document.getElementById("goods3");
        var _g4 = document.getElementById("goods4");
        var _g5 = document.getElementById("goods5");
        var _g6 = document.getElementById("goods6");


        countDown("2017/1/1 00:00:00", _g1);
        countDown("2017/2/2 10:30:30", _g2);
        countDown("2017/2/14 00:00:00", _g3);


    </script>
</body>
</html>
zichuanhuo221
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web前端js实现倒计时效果
liqi_q的博客
01-23 2920
var header_timer; var current_timer; var intDiff = 300; function timer(intDiff){ current_timer = window.setInterval(function(){ var day=0, hour=0, min
mysql简介.txt
08-06
mysql
Tiny Easy File System是一个完全开源的分布式文件系统，基于Linux，用c语言编写.zip
08-06
优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。 本人系统开发经验充足，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（若有），项目具体内容可查看下方的资源详情。 【附带帮助】： 若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。 【本人专注嵌入式领域】： 有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。 【适合场景】： 相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能 【无积分此资源可联系获取】 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。积分/付费仅作为资源整理辛苦费用。
大三上学期操作系统大作业：基于Qt和C++的C语言解释器运行程序.zip
08-06
优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。 本人系统开发经验充足，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（若有），项目具体内容可查看下方的资源详情。 【附带帮助】： 若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。 【本人专注嵌入式领域】： 有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。 【适合场景】： 相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能 【无积分此资源可联系获取】 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。积分/付费仅作为资源整理辛苦费用。
最新更新汇汇通微盘usdt支付完美运营版+完整数据+K线正常+3种语言
08-06
【站长亲测】最新更新汇汇通微盘usdt支付完美运营版+完整数据+K线正常+3种语言 这个还不错，对接了usdt支付，因为最近好像都开始转usdt，这个也是今天和别人互换的东西，你们自己看吧，需要就拿去吧~ 站长亲测随机玩了几把游戏，简单测试，源码正常无措。
[毕业设计]VB Access构建的高校在线题库系统(源代码+论文).zip
08-06
[毕业设计]VB Access构建的高校在线题库系统(源代码+论文)
16.口罩规范佩戴检测.zip
08-06
16.口罩规范佩戴检测
波士顿咨询-大型制造业数字化转型战略规划项目.pptx
08-06
波士顿咨询-大型制造业数字化转型战略规划项目.pptx
毕业设计，基于ASP+ACCESS开发的订单管理系统，内含完整源代码，数据库，毕业论文
08-06
毕业设计，基于ASP+ACCESS开发的订单管理系统，内含完整源代码，数据库，毕业论文 本系统用的是微软公司的Access数据库。Access数据库本身并不是一个数据库m服务器，它不能用服务器来运行查询。对于数据庞大的情况，Access本身不是一个好的选择。另外一个要考虑的是数据库的安全问题。Access比起SQL Server而言，总体安全性能要差。 但是从应用角度而言，许多原因使得公司采用微软公司的Access而不是SQL Server来作为他们的后台数据库。这是因为Access数据库容易使用。而且在创建和配置上，Access 数据库都比SQL Server要容易。 综合上面的考虑，我采用了Access作为系统的后台数据库，因为从前端的ASP页面来看，它并不关心后台的数据库类型。它采用的数据库组件（ADO）模型对于系统开发者而言，是面向对象封装好的。在面对不同的后台数据库时，需要修改的只是很少的一些地方即可。
mysql-动漫之家网站（源码+数据库+论文）.rar
08-06
鉴于动漫当下的市场火热，由动漫带来的周边经济效应也在不断升温，因此本次通过利用SSM框架技术来开发一款动漫之家系统，通过该系统可以为动漫爱好者提供一个在线观看动漫、浏览与动漫相关的新闻以及在线留言等功能的实现。在后台的管理平台中，为管理员提供了上传动漫视频、漫画图片的功能，能够对前端用户的在线留言信息进行管理，可以对网站内的新闻进行维护管理。本次的设计主要是通过对动漫系统开发的背景、现状进行了分析，总结出了本次动漫之家系统开发的意义。根据此次开发的目的和意义，本次的系统开发选择了SSM框架、HTML5以及idea平台来进行动漫之家系统的开发，通过MySQL来进行数据库的开发。通过对整个动漫之家系统进行功能需求的调查研究，通过对此次的系统开发进行可行性的分析。通过实体图模型以及功能结构模型来对本次的系统开发进行了整体的开发。在整个系统开发完毕之后，通过截图说明的方式来进行系统功能的介绍，最后通过系统测试来对本次系统的完整性进行测试，最终通过本次的开发，整个动漫之家系统可以实现很好的运行，起到了为动漫爱好者提供动漫资讯的功能运行。 关键词：动漫之家；论坛网站；SSM框架；MySQL数据库
重点客户信用危机预测表（根据分值自动预测）.xlsx
08-06
销售管理表，财务报表，占比分析，消费能力分析，数据分析表，产品销售，客户关系 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
c++ QT OpenGL
最新发布
08-06
opengl的学习代码，课程学习代码
docker的常用命令
08-06
docker
网站监控定时任务网址url监控神器.zip
08-06
源码下载地址：00818.cn 网站监控定时任务网址url监控神器.zip
YOLO与OpenCV结合：结合OpenCV进行图像处理，扩展YOLO的应用范围.md
08-06
如何将YOLO（You Only Look Once）算法与OpenCV结合，通过OpenCV进行图像处理，扩展YOLO的应用范围。文章涵盖了YOLO算法的基本原理、模型加载、图像预处理、目标检测、结果可视化和视频目标检测的实现。首先，加载YOLO模型并进行图像预处理，然后进行目标检测并解析检测结果。接着，展示了如何将检测结果绘制到图像上，并通过视频流实现实时目标检测。最后，介绍了一些图像处理的扩展应用，包括图像去噪、锐化和结果裁剪。通过详细的代码示例，读者可以清晰地理解并实现YOLO与OpenCV的结合，应用于各种目标检测任务。 如何将YOLO（You Only Look Once）算法与OpenCV结合，通过OpenCV进行图像处理，扩展YOLO的应用范围。文章涵盖了YOLO算法的基本原理、模型加载、图像预处理、目标检测、结果可视化和视频目标检测的实现。首先，加载YOLO模型并进行图像预处理，然后进行目标检测并解析检测结果。接着，展示了如何将检测结果绘制到图像上，并通过视频流实现实时目标检测。最后，介绍了一些图像处理的扩展应用，包括图像去噪、锐化和结果裁剪。通过详细的代码示例，读
Fortran包管理器，Fortran Package Manager (fpm)
08-06
Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包管理器，Fortran Package Manager (fpm)Fortran包
springbootM-Classify-笔记
08-06
springbootM-Classify-笔记
SAP与MES集成.ppt
08-06
SAP与MES集成.ppt
基于（CNN）、（RNN）、（Capsule）、GCN）、Transformer和bert的关系抽取
08-06
（1）项目成功的对CMeIE-V2和CMeIE两个数据集进行了数据的处理，使其能够进行关系抽取任务，并进行模型的评测。 （2）在实验过程中，对于关系的分类，项目不仅使用了上下文文本信息、实体信息，还是用了实体的位置编码和实体类别信息，区别于传统的文本分类任务，采用了更多的可以利用的关系信息。 （3）项目从这次的实验中提取到很多有价值的信息，未今后的实体关系联合抽取任务带来了很多提示。 (4)项目将卷积神经网络（CNN）、循环神经网络（RNN）、胶囊网络（Capsule）、基于剪枝依赖树的图卷积网络（GCN）、Transformer和预训练模型BERT这六个模型应用于CMeIE-V2和CMeIE两个数据集，目前开源的项目还未有实现这个任务的。
毕业设计，基于ASP+ACCESS开发的网上远程教育网，内含完整源代码，数据库，开题报告，论文答辩，毕业论文
08-06
毕业设计，基于ASP+ACCESS开发的网上远程教育网，内含完整源代码，数据库，开题报告，论文答辩，毕业论文 网上MIS系统的开发实现步骤和有关动态网页的诸多概念，然后以《远程教育网》为例，按照上述开发步骤，逐一介绍了建网的系统分析、系统设计和系统实现。在系统分析中以模块功能结构图，系统分析说明书和数据流图的形式确定了系统的基本框架，然后用E-R图说明了系统的库表结构，并对各功能模块的特点作了具体分析，最后论文从网页上的文本、控件、链接、功能等属性分析了系统中典型的ASP网页文件。在附录中则给出本系统库表结构的详细说明和本网站运行时的主要页面。 本网站主要实现了对Web数据库的数据录入，修改，删除，查询，相关数据的分析统计等功能。 关键词：教育 远程教育 WEB教学 ASP
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值