点击自动跳转

最新推荐文章于 2021-05-31 23:18:15 发布

转载最新推荐文章于 2021-05-31 23:18:15 发布 · 1.3w 阅读

文章标签：

#function #xhtml #button #html #文档

Javascript 专栏收录该内容

2 篇文章

订阅专栏

这是一个用于展示倒计时功能的页面，通过JavaScript实现定时更新显示数值直至目标时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<input type=button value="点击开始" onClick="t=5"> 
<span id="view"></span> 
<script> 
t = -1; // 计数器 
setInterval("testTime()",1000); // 启动1秒定时 
function testTime() { 
if(t<0) return; // 计数器值小于0，表示尚未开始倒计时 
if(t == 0) // 计数器值为0，转向 
location = "http://www.lssx.net"; 
view.innerHTML = "<b>"+t+"</b>"; // 显示倒计时 
t--; // 计数器递减 
} 
function offTime() { 
if(event.srcElement.value != "点击开始") { // 若不是倒计时开始 
t = -1; // 初始计数器 
view.innerHTML = ""; // 清空倒计时 
} 
} 
document.onclick = offTime; // 启动点击事件监视 
</script> 


</body>
</html>