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、效果示例
查看全文
相关阅读:
01点睛Spring MVC 4.1-搭建环境
18点睛Spring4.1-Meta Annotation
17点睛Spring4.1-@Conditional
16点睛Spring4.1-TaskScheduler
15点睛Spring4.1-TaskExecutor
Zabbix4.0.3解决中文乱码
A10映射方法
源码安装zabbix_agent4.0.3
单机部署redis5.0集群环境
zabbix系列之九——添加钉钉告警
原文地址:https://www.cnblogs.com/qikeyishu/p/7579111.html
最新文章
笔记本装ubuntu发热量大该如何缓解?
GNOME下也是Alt+F2,输入gnome-terminal
Ubuntu 13.04设置root用户登录图形界面
对Ubuntu操作系统进行彻底优化
教你在Ubuntu系统下保存屏幕亮度设置
Ubuntu中类似任务管理器的东西?
Ubuntu桌面操作快捷键
Ubuntu下安装使用Xfce4
ubuntu12.04(64位)下安装Adobe Flash Player
ubuntu安装五笔输入法(ibus-table-wubi)
热门文章
ubuntu13.04如何修改保存屏幕亮度
Ubuntu下添加新分区并设置挂载点
ubuntu截图工具
Ubuntu将新增磁盘挂载到home下
Linux分区和挂载(mount命令的学习)
06点睛Spring MVC 4.1-文件上传
05点睛Spring MVC 4.1-服务器端推送
04点睛Spring MVC 4.1-拦截器
03点睛Spring MVC 4.1-REST
02点睛Spring MVC 4.1-@RequestMapping
Copyright © 2011-2022 走看看