<!DOCTYPE HTML>
<html>
<title>time</title>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var downTime = null;//定义倒计时变量
$(function(){
//因为ios应用页面是不会刷新的
var timeCount = 60; //定义倒计时总数
var start_time = new Date();
start_time = start_time.getTime();//获取开始时间的毫秒数
downTime = setInterval(function(){
//倒计时实时结束时间
var end_time = new Date();
end_time = end_time.getTime();
//得到剩余时间
var dtime = timeCount - Math.floor((end_time - start_time) / 1000);
var minT = Math.floor(dtime / 60); //剩余的分
var secT = dtime % 60; //剩余的秒
//往分的span里塞值
if (minT >= 10) {
$("#min").text(minT);
} else if (minT < 10 && minT >= 1) {
$("#min").text("0" + minT);
} else if (minT < 1) {
$("#min").text("00");
}
//往秒的span里塞值
if (secT >= 10) {
$("#sec").text(secT);
} else if (secT < 10 && secT >= 0) {
$("#sec").text("0" + secT);
if (minT == 0 && secT == 0) {
alert("倒计时结束");
window.clearInterval(downTime);
downTime = null;
}
}
},1000);
})
</script>
</head>
<body>
<div>
剩余<span id="min" style="margin-left:5px;color:red;font-weight:bold;"></span>分<span id="sec" style="margin-left:5px;color:red;font-weight:bold;"></span>秒
</div>
</body>
</html>
解决ios下后台运行与锁屏时倒计时停止问题
1星 需积分: 40 2 浏览量
2017-11-07
15:15:06
上传
评论 1
收藏 24KB ZIP 举报
丨毒公子丨
- 粉丝: 0
- 资源: 4
最新资源
- SRS-CentOS7-x86-64-5.0-r1.zip
- 全文检索使用ElasticSearch实现全文检索的详细说明和实践探索
- Python《基于TensorFlow的人脸识别(面部表情识别)卷积神经网络 》+源代码+文档说明
- Python《利用bert预训练的中文模型进行文本分类 数据集中文情感分析语料》+源代码+文档说明
- Keil MDK主题美化和代码美化
- 《单片机PID算法的恒温控制系统仿真与程序源码设计(DS18B20传感器) 》+源代码
- 基于matlab小波变换图像压缩系统代码15
- 基于matlab主成分分析图像压缩重建系统代码14
- C语言《基于AT89C52单片机搭建的PID直流电机控制程序,主要用于Proteus电路仿真》+源代码
- C++《基于规划和汽车动力学的自动驾驶项目仿真(基于ROS的自动驾驶项目仿真,使用DWA路径规划算法和双PID控制器)》+源代码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈