js倒计时天时分秒php,JS制作分秒倒计时器

这篇文章主要介绍了JavaScript分秒倒计时器实现方法,可实现按照毫秒倒计时的效果,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下：

一、基本目标

在JavaScript设计一个分秒倒计时器，一旦时间完成使按钮变成不可点击状态

具体效果如下图，为了说明问题，调成每50毫秒也就是每0.05跳一次表，

真正使用的时候，把window.οnlοad=function(){...}中的setInterval("clock.move()",50);从50调成1000即可。

在时间用完之前，按钮还是可以点击的。

时间用完之后，按钮就不能点击了。

二、制作过程

代码如下:

time remaining

剩余时间：

/*主函数要使用的函数，进行声明*/

var clock=new clock();

/*指向计时器的指针*/

var timer;

window.οnlοad=function(){

/*主函数就在每50秒调用1次clock函数中的move方法即可*/

timer=setInterval("clock.move()",50);

}

function clock(){

/*s是clock()中的

变量

，非var那种全局变量，代表剩余秒数*/

this.s=140;

this.move=function(){

/*输出前先调用exchange函数进行秒到分秒的转换，因为exchange并非在主函数window.onload使用，因此不需要进行声明*/

document

.getElementById("timer").innerHTML=exchange(this.s);

/*每被调用一次，剩余秒数就自减*/

this.s=this.s-1;

/*如果时间耗尽，那么，弹窗，使按钮不可用，停止不停调用clock函数中的move()*/

if(this.s<0){

alert("时间到");

document.getElementById("go").disabled=true;

clearTimeout(timer);

}

function exchange(time){

/*javascript的除法是浮点除法，必须使用Math.floor取其

整数

部分*/

this.m=Math.floor(time/60);

/*存在取余运算*/

this.s=(time%60);

this.text=this.m+"分"+this.s+"秒";

/*传过来的形式参数time不要使用this，而其余在本函数使用的变量则必须使用this*/

return this.text;

}

js倒计时天时分秒php,JS制作分秒倒计时器相关推荐

JavaScript制作页面倒计时器
制作页面倒计时器,选定一个未来时间,得到几天几时几分几秒的倒计时. 在这里选择使用两个时间相差的毫秒数来计算相对应的天数.小时数.分钟数和秒数.为了使代码看起来简洁,进行了封装函数. 1.setInt ...
JAVA 制作给定时间倒计时器
Java 制作给定时间的倒计时器首先创建倒计时器类 public class NSTimer {private int hh; //小时private int mm; //分钟private int ...
android如何暂停倒计时,在Android中暂停和恢复倒计时器和进度条？
我正在制作一个简单的应用程序,它使用倒计时器,循环进度条和3个按钮启动,暂停和恢复 . 我想要做的是当特定活动开始时我按暂停它存储定时器的时间暂停并从那一点开始恢复 . 但问题是倒计时器没有停止,所以 ...
Android课程设计倒计时app,单片机课程设计-可调倒计时器.doc
PAGE PAGE 2 课程设计设计名称单片机可调倒计时器全套设计加扣?3012250582 学年学期 2013 -2014学年第二学期课程名称单片机原理及应用专业年级电气11 ...
js倒计时天时分秒php,js实现时分秒倒计时
本文实例为大家分享了js实现时分秒倒计时的具体代码,供大家参考,具体内容如下 js时分秒毫秒倒计时 //js部分 function countTime(value) { //获取当前时间 var da ...
JS倒计时：从某个固定时间开始倒记
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
html js倒计时不准确,关于JS倒计时的问题
@Hello_World20 说的就是正确的,js里要准确计时只能用Date的时间戳按题主的代码改了下,应该就是题主想要的效果了毫秒的倒计时 var countdown = function(gi ...
Python制作一系列倒计时器，倒计时结束播放音乐
目录遇到的问题难点需要注意的问题需要用到的库对部分代码的解释完整代码遇到的问题我遇到的问题是需要进行一些列的倒计时.开始的时候是在手机的倒计时输入,一次倒计时结束再输入下一次倒计时,如 ...
unity如何制作简易倒计时器
首先理清思路,计时器的核心要素是计时的总时长和时间间隔需要均匀一秒,要实现的功能是在总时长的基础上实现等时间间隔减秒,并且减到0后终止. 其中最为关键的问题就是怎么得到均匀的时间间隔1秒,所以我们需要 ...

js倒计时天时分秒php,JS制作分秒倒计时器

js倒计时天时分秒php,JS制作分秒倒计时器相关推荐

最新文章

热门文章