js中setInterval与SetTimeOut实现团购倒计时效果

简单示例
看个简单的例子,简单页面在加载完两秒后，写下Delayed alert!

 代码如下 复制代码

setTimeout('document.write("Delayed alert!");', 2000);

我们先来看一个setInterval版计时跳转效果

代码如下

 代码如下 复制代码

$(function () {
setInterval(function () {
var time = $("#time").text();
time = parseInt(time);
time--;
if (time >0) {
$("#time").text(time);
} else {
window.location = $("#url").attr("href");
}
}, 1000);
});

再看一个SetTimeOut版 计时跳转效果

 代码如下 复制代码

<script type="text/javascript">
window.onload = function () {
setTimeout(changeTime, 1000);
}
function changeTime() {
var time = document.getElementById("time").innerHTML;
time = parseInt(time);
time--;
if (time <= 0) {
var url = document.getElementById("url").href;
window.location = url;
} else {
document.getElementById("time").innerHTML= time;
setTimeout(changeTime, 1000);
}
}
</script>

团购网站倒计时效果代码

 代码如下 复制代码

<SCRIPT LANGUAGE="JavaScript">
function fresh() {
var time1 = document.getElementById("timeD").value;
for (var i = 1; i <= 5; i++) {
var endtime = new Date(time1);
var nowtime = new Date();
var leftsecond = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
d = parseInt(leftsecond / 3600 / 24);
h = parseInt((leftsecond / 3600) % 24);
m = parseInt((leftsecond / 60) % 60);
s = parseInt(leftsecond % 60);
// document.getElementById("times").innerHTML=__h+"小时"+__m+"分"+__s+"秒";
document.getElementById("times"+i.toString()).innerHTML = h + "小时" + m + "分" + s + "秒";
if (leftsecond <= 0) {
A
}
}
}
fresh()
var sh;
sh = setInterval(fresh, 1000);
</SCRIPT>

//实现商品倒计时开始

DataSet dataset = new DataSet();
string connStr = ConfigurationManager.ConnectionStrings["sqlservercon"].ConnectionString;
using (SqlConnection conn = new SqlConnection(connStr))
{
conn.Open();
using (SqlCommand cmd = conn.CreateCommand())
{
cmd.CommandText = "Select * from T_buondTimeBuy";
SqlDataAdapter adapter = new SqlDataAdapter(cmd);
adapter.Fill(dataset);
}
}
DataTable table = dataset.Tables[0];
for (int i = 0; i < table.Rows.Count; i++)
{
DataRow row = table.Rows[i];
time[i]= (row["time"]).ToString();
}

timeD.Value = time[1];

//实现商品倒计时结束

setTimeout与setInterval区别

setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同，调用不同的清除方法：

例如：

 代码如下 复制代码
tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);

或者：

 代码如下 复制代码
tttt=setInterval('northsnow()',1000);
clearInteval(tttt);
时间： 2024-10-23 06:49:47

js中setInterval与SetTimeOut实现团购倒计时效果的相关文章

js 传递函数: JS中setInterval、setTimeout不能传递带参数的函数的解决办法

在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决.一.采用字符串形式:--(缺陷)参数不能被周期性改变setInterval("foo(id)",1000);二.匿名函数包装 (推荐)window.setInterval(function()    {foo (id);    }, 1000);   这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去:三.定义返回无参函数的

JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧

在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 这就需要想方法解决. 一.采用字符串形式:--(缺陷)参数不能被周期性改变 setInterval("foo(id)",1000); 二.匿名函数包装 (推荐) 复制代码 代码如下: window.setInterval(function() { foo (id); }, 1000); 这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去: 三

js中SetInterval与setTimeout延时方法

JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式; 英文释义»timeout() : 超时:暂时休息:工间休息; JS手册»setInterval() : 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 英文释义»interval() : 间隔:间距:幕间休息; 不难看出, 只要我们仔细体会JS手册及命名释义, 就能很容易的区分开两者的区别. 简单的说, 两才的区别在于, setTi

js中setInterval 和 setTimeout 事件停止的用法

setInterval() 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式.该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭.clearInterval() 函数的参数即 setInterval() 返回的 ID 值. 语法 setInterval(code,millisec[,"lang"]) code 必需.要调用的函数或要执行的代码串. millisec 必须.周期性执行或调用 code

JavaScript中SetInterval与setTimeout的用法详解_javascript技巧

setTimeout 描述 setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需,要调用的函数后要执行的 JavaScript 代码串. millisec 必需,在执行代码前需等待的毫秒数. setTimeinterval setInterval(code,millisec[,"lang"]) 参数

javascript-急！！！！求大神！js中如何把setTimeout的时间写活？

问题描述 急!!!!求大神!js中如何把setTimeout的时间写活? 我这里有一个算法,但是每次调用后会根据不同的需要所耗费的时间不同, 然后我要写一个绑定事件来反复调用这个函数,如果把时间写死,有的算法很快会浪费时间,但是也有的算法会执行不完,如何才能根据不同的需要把算法正好执行完后再执行之后的内容... 解决方案 算法有返回值没有,有的话判断一下,如果执行完成,则再次调用函数. 解决方案二: 虽然不太清楚,你的需求是什么.但是你所说的改变setTimeout的时间来处理你现在所遇到的问题

基于jQuery倒计时插件实现团购秒杀效果_jquery

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的朋友一起学习吧! 1.1 帮助文档关键字 倒计时 秒杀 timer 1.2. 使用场景 这样的倒计时在购物网站中会经常使用到,比如秒杀,限时抢购,确认收货倒计时. 这个功能并不难实现,就是利用js的定时执行,搜了一下网上的代码,五花八门,都是一个方法,没有做到封装,方便使用,所以写了一个插件,方便项

javascript 实现 秒杀,团购 倒计时展示的记录

这篇文章介绍了javascript 实现 秒杀,团购 倒计时展示的记录方法,有需要的朋友可以参考一下   最近做了一个房产的秒杀,团购的电子商务网站(房子也有秒杀,出手不小啊),其中里面有一个秒杀的倒计时展示,主要是判断当前时间距离秒杀开始还有多少时间,还有秒杀开始和秒杀结束的各种展示. 其中最主要的一点就是所谓的当前时间不能使用浏览器通过new Date()获取的客户端时间,这样只要用户修改了自己的机器时间那么倒计时就会乱透了,所以这个当前时间必须使用的是服务器时间,所以采用的是静态缓存页面所

jQuery团购倒计时特效实现方法

  这篇文章主要介绍了jQuery团购倒计时特效实现方法,可实现相对固定时间的倒计时效果,非常具有实用价值,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64