倒计时
来源:互联网 发布:淘宝客微信公众号推广 编辑:程序博客网 时间:2024/06/07 05:26
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<p id="timeout"> </p>
//定义计时器,每隔1秒钟调用timer函数
var timerCount= window.setTimeout("timer()",1000);
function timer(){
var date=new Date("2018","1","1","0","0","0");
var deadlineTime=date.getTime();
var nowDate=new Date();
var nowTime=nowDate.getTime();
var distTime=deadlineTime-nowTime;
//判断是否到达时间期限
if(distTime>0){
var d=Math.floor(distTime/1000/3600/24);
var h=Math.floor(distTime/1000/3600%24);
var m=Math.floor(distTime/1000/60%60);
var s=Math.floor(distTime/1000%60);
var str="距离结束时间还有"+d+"天"+h+"时"+m+"分"+s+"秒";
document.getElementById("timeout").innerHTML=str;
//到达时间期限的时候清楚计时器;
window.clearTimeout(timerCount);
alert("时间已到");
}
}
</script>
<html>
<head>
<title>倒计时</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<p id="timeout"> </p>
</html>
//定义计时器,每隔1秒钟调用timer函数
var timerCount= window.setTimeout("timer()",1000);
function timer(){
var date=new Date("2018","1","1","0","0","0");
var deadlineTime=date.getTime();
var nowDate=new Date();
var nowTime=nowDate.getTime();
var distTime=deadlineTime-nowTime;
//判断是否到达时间期限
if(distTime>0){
var d=Math.floor(distTime/1000/3600/24);
var h=Math.floor(distTime/1000/3600%24);
var m=Math.floor(distTime/1000/60%60);
var s=Math.floor(distTime/1000%60);
var str="距离结束时间还有"+d+"天"+h+"时"+m+"分"+s+"秒";
document.getElementById("timeout").innerHTML=str;
timerCount= window.setTimeout("timer()",1000);
//到达时间期限的时候清楚计时器;
window.clearTimeout(timerCount);
alert("时间已到");
}
}
</script>
阅读全文
0 0
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时、、、、、
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 倒计时
- 【编程题】Java基础测试四(10道)
- 18.套接字
- 完美解决Ubuntu16.04虚拟机窗口全屏问题
- java设计模式---单例模式
- SQL pivot 横转竖
- 倒计时
- androidstudio apk调试运行没有问题 apk安装运行闪退
- Android Studio NDK CMake 指定so输出路径以及生成多个so的案例与总结 # 设置so文件生成路径 # set(CMAKE_LIBRARY_OUTPUT_DIRECTORY $
- ipu--camera
- AI系统发明了自己的语言进行沟通,facebook将其关闭!
- 搜索引擎和知识图谱那些事
- 最大子串和
- MINUS使用方法(sql优化)
- MySQL格式化日期