zoukankan
html css js c++ java
JS倒计时特效--JavaScript基础
1、倒计时特效HTML源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时特效</title>
</head>
<body>
<section>
<div id="CET6"></div>
<div id="mandarin"></div>
<div id="Database"></div>
</section>
</body>
<script>
var nowTime = new Date();
var setTimeCET6 = new Date("November 25,2017");
var setTimeMan = new Date("December 16,2017");
var setTimeDb = new Date("December 9,2017");
var CET6 = "距离CET6考试只有";
var Mandarin = "距离普通话考试只有";
var Db = "距离Access考试只有";
var dateCET6 = setTimeCET6.getTime() - nowTime.getTime();//date得到的是秒数,单位是ms
var dateMan = setTimeMan.getTime() - nowTime.getTime();
var dateDb = setTimeDb.getTime() - nowTime.getTime();
var timeCet6 = CET6+Math.floor(dateCET6/(1000*60*60*24))+"天!";//最终化为以天为单位;Math.floor()函数四舍五入
var timeMandarin = Mandarin+Math.floor(dateMan/(1000*60*60*24))+"天!";
var timeDatabase = Db+Math.floor(dateDb/(1000*60*60*24))+"天!";
document.getElementById('CET6').innerHTML = timeCet6;
document.getElementById('mandarin').innerHTML = timeMandarin;
document.getElementById('Database').innerHTML = timeDatabase;
</script>
</html>
2、效果示例
查看全文
相关阅读:
科学-化学:化学百科
科学-物理:物理学 (自然科学学科)百科
科学-建筑学-建筑美学:建筑美学百科
科学-建筑学:建筑学百科
科学-哲学-美学:美学(中国哲学二级学科)
哲学:哲学(世界观学说、社会形态之一)
科学-语文:语文(语言和文学的简称)
科学-分析:分析
建模:数学建模
科学-数学:数学
原文地址:https://www.cnblogs.com/qikeyishu/p/7579111.html
最新文章
Eclipse中SVN的安装步骤(两种)和用法
Java用ZIP格式压缩和解压缩文件
Android 事件分发机制具体解释
没有找到MSVCR100.dll解决方法
sublime配置全攻略
POJ 1125-Stockbroker Grapevine
免费的天气预报API--谷歌,雅虎,中央气象台
Windows网络编程
图像特征之颜色直方图
Web.xml配置具体解释之context-param
热门文章
[MongoDB] Query, update, index and group
[AngularJS] Using Services in Angular Directives
[MongoDB] Insert, find -- 1
[Angular-Scaled Web] 7. Refactor code into Models
[Node.js] Broswerify -- 2
[Node.js] Broswerify -- 1
[MEAN Stack] First API -- 3. Select by ID with Mongoose and Express
[MEAN Stack] First API -- 1. with Node.js, Express and MongoDB
[MEAN+ Webstrom] First API -- 2.Debug Node.js RESTful application
[Node.js] Configuring npm package.json scripts
Copyright © 2011-2022 走看看