js实现的倒计时按钮实例(js倒计时函数)

本文目录一览:

JS 倒计时实现代码(时、分,秒)

JS实现倒计时(时、分,秒)

var

interval

=

1000;

function

ShowCountDown(year,month,day,divname)

{

var

now

=

new

Date();

var

endDate

=

new

Date(year,

month-1,

day);

var

leftTime=endDate.getTime()-now.getTime();

var

leftsecond

=

parseInt(leftTime/1000);

//var

day1=parseInt(leftsecond/(24*60*60*6));

var

day1=Math.floor(leftsecond/(60*60*24));

var

hour=Math.floor((leftsecond-day1*24*60*60)/3600);

var

minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);

var

second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);

var

cc

=

document.getElementById(divname);

cc.innerHTML

=

“脚本之家提示距离”+year+”年”+month+”月”+day+”日还有:”+day1+”天”+hour+”小时”+minute+”分”+second+”秒”;

}

window.setInterval(function(){ShowCountDown(2010,4,20,’divdown1′);},

interval);

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

JQuery实现的按钮倒计时效果

本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考,具体如下:

一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下:

html

head

titletest

count

down

button/title

script

src=”jquery1.8.3.min.js”

type=”text/javascript”/script

script

type=”text/javascript”

$(function

()

{

$(‘#btn’).click(function

()

{

var

count

=

10;

var

countdown

=

setInterval(CountDown,

1000);

function

CountDown()

{

$(“#btn”).attr(“disabled”,

true);

$(“#btn”).val(“Please

wait

+

count

+

seconds!”);

if

(count

==

0)

{

$(“#btn”).val(“Submit”).removeAttr(“disabled”);

clearInterval(countdown);

}

count–;

}

})

});

/script

/head

body

input

type=”button”

id=”btn”

value=”Submit”

/

/body

/html

运行效果截图如下:

希望本文所述对大家jQuery程序设计有所帮助。

js实现拍简单倒计时功能

看样子是一个竞拍网站,有很多商品的,你知道吗?这样的网站不是纯HTML的!一般是asp或asp.net等写出来的网页!用的是后台数据库!根本不是单纯的HTML。

以ASP为例吧

settime.asp(或者是HTML中嵌套了ASP),这里边设置了竞拍时间,然后将这个数值与其他数据地块存入了后台数据库(一般ASP挂的是ACCESS数据库,而ASP。NET挂的是SQL数据库,PHP挂的MYSQL数据库,我只是说一般)。

show.asp中从数据库中取出该条记录(或者从其他网页处得到request值),用当前时间相差,就可以显示了!

可以显示竟拍时间等信息的!

起码我想告诉你,纯HTML是实现不了的!

用javascript实现:点击按钮后,页面出现倒计时,并开始倒计时

script language=’javascript’

var _t;

var _h = 0;

var _m = 1;

var _s = 0;

var _v = formatTime(_h + ‘:’ + _m + ‘:’ + _s);

function doTime()

{

_s –;

if (_s == -1)

{

_m –;

_s = 59;

}

if (_m == -1)

{

_h –;

_m = 59;

}

var _b = ((_h == 0) (_m == 0) (_s == 0));

if (_b)

{

_v = ‘Welcome To RTBBS.NET’;

clearTimeout(_t);

}

else

{

_v = formatTime(_h + ‘:’ + _m + ‘:’ + _s);

_t = setTimeout(‘doTime()’, 1000);

}

document.all.oTime.innerHTML = _v;

}

function formatTime(_time)

{

return _time.replace(/\b(\w)\b/g, ‘0$1’);

}

function start_time()

{

document.all.oTime.innerHTML = _v;

_t = setTimeout(‘doTime()’, 1000);

}

/script

span id=’oTime’/span

input type=”button” name=”button2″ value=”计时开始” onclick=’start_time()’

/body

/html

/html

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/241400.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-12 12:33
下一篇 2024-12-12 12:33

相关推荐

  • Python中引入上一级目录中函数

    Python中经常需要调用其他文件夹中的模块或函数,其中一个常见的操作是引入上一级目录中的函数。在此,我们将从多个角度详细解释如何在Python中引入上一级目录的函数。 一、加入环…

    编程 2025-04-29
  • Python中capitalize函数的使用

    在Python的字符串操作中,capitalize函数常常被用到,这个函数可以使字符串中的第一个单词首字母大写,其余字母小写。在本文中,我们将从以下几个方面对capitalize函…

    编程 2025-04-29
  • Python中set函数的作用

    Python中set函数是一个有用的数据类型,可以被用于许多编程场景中。在这篇文章中,我们将学习Python中set函数的多个方面,从而深入了解这个函数在Python中的用途。 一…

    编程 2025-04-29
  • 单片机打印函数

    单片机打印是指通过串口或并口将一些数据打印到终端设备上。在单片机应用中,打印非常重要。正确的打印数据可以让我们知道单片机运行的状态,方便我们进行调试;错误的打印数据可以帮助我们快速…

    编程 2025-04-29
  • 三角函数用英语怎么说

    三角函数,即三角比函数,是指在一个锐角三角形中某一角的对边、邻边之比。在数学中,三角函数包括正弦、余弦、正切等,它们在数学、物理、工程和计算机等领域都得到了广泛的应用。 一、正弦函…

    编程 2025-04-29
  • Python生成随机数的应用和实例

    本文将向您介绍如何使用Python生成50个60到100之间的随机数,并将列举使用随机数的几个实际应用场景。 一、生成随机数的代码示例 import random # 生成50个6…

    编程 2025-04-29
  • Python3定义函数参数类型

    Python是一门动态类型语言,不需要在定义变量时显示的指定变量类型,但是Python3中提供了函数参数类型的声明功能,在函数定义时明确定义参数类型。在函数的形参后面加上冒号(:)…

    编程 2025-04-29
  • Python实现计算阶乘的函数

    本文将介绍如何使用Python定义函数fact(n),计算n的阶乘。 一、什么是阶乘 阶乘指从1乘到指定数之间所有整数的乘积。如:5! = 5 * 4 * 3 * 2 * 1 = …

    编程 2025-04-29
  • Python定义函数判断奇偶数

    本文将从多个方面详细阐述Python定义函数判断奇偶数的方法,并提供完整的代码示例。 一、初步了解Python函数 在介绍Python如何定义函数判断奇偶数之前,我们先来了解一下P…

    编程 2025-04-29
  • 分段函数Python

    本文将从以下几个方面详细阐述Python中的分段函数,包括函数基本定义、调用示例、图像绘制、函数优化和应用实例。 一、函数基本定义 分段函数又称为条件函数,指一条直线段或曲线段,由…

    编程 2025-04-29

发表回复

登录后才能评论