javascript:检查鼠标是否按下并从零开始计数,x秒后重定向
javascript: check if mouse is down(pressed) and start counting from zero, after x seconds, it redirect
是否可以在按下鼠标时检测到鼠标,并从零开始计数几秒钟。。。鼠标放下5秒钟后,它会重定向。
我已经找到了一个可以做到这一点的脚本,但我对如何在按下鼠标时显示第二个感到困惑。
给你。
<script type="text/javascript">
/*<![CDATA[*/
document.getElementsByClassName=function(classname){
var pattern=new RegExp("(^|'s)"+classname+"('s|$)");
var results=new Array();
var d=document.getElementsByTagName('*'), l=d.length;
for (var k=0; k<l; k++) if (pattern.test(d[k].className)) results.push(d[k]);
return results;
}
var timer;
function startStuff(el,ii)
{
var temp=el.innerHTML;
timer=window.setTimeout('doStuff("'+temp+'");',3000);
}
function stopStuff(el)
{
window.clearTimeout(timer);
}
function doStuff(l)
{
<?php echo"<html>"; header( 'Location: http://www.google.com' ) ; echo"</html>";?>
}
window.onload=function() {
var links=document.getElementsByClassName('clicker');
for (var i=0; i<links.length; i++)
{
links[i].onmousedown=function() {startStuff(this)};
links[i].onmouseup =function() {stopStuff(this)};
}
}
/*]]>*/
</script>
</head>
<body>
<a href="#" class="clicker">Link1</a>
<a href="#">Link2</a>
<a href="#" class="clicker">Link3</a>
</body>
</html>
如果可能的话,我希望第二个显示图像。。。。
我不会使用图像。试试这样的东西:
link = document.getElementById('redirect');
counter = document.getElementById('counter');
timeRemaining = 5000;
link.onclick = function(e) {
e.preventDefault();
setInterval(function(){
if (timeRemaining > 0) {
timeRemaining -= 1000;
counter.innerHTML = timeRemaining/1000;
} else {
window.location = link.href;
}
},1000);
};
完整的工作示例:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Redirect to Google</title>
</head>
<body>
<a href="http://www.google.com" id="redirect">
Go to google in <span id="counter">5</span> seconds
</a>
<script type="text/javascript">
link = document.getElementById('redirect');
counter = document.getElementById('counter');
timeRemaining = 5000;
link.onclick = function(e) {
e.preventDefault();
setInterval(function(){
if (timeRemaining > 0) {
timeRemaining -= 1000;
counter.innerHTML = timeRemaining/1000;
} else {
window.location = link.href;
}
},1000);
};
</script>
</body>
</html>
相关文章:
- 无法从jquery Mobile导航栏重定向到另一个页面
- 我们如何在不更改url的情况下使用锚点点击从一个页面重定向到另一个页面
- 如何从特定类别重定向到另一个网站
- 高图表,使Y轴从零开始
- jQuery从零开始上传多个文件
- javascript:检查鼠标是否按下并从零开始计数,x秒后重定向
- 创建并遍历一个在 JavaScript 中不从零开始的多维数组
- Firefox 插件中的 OnBeforeRequest URL 重定向(从 Chrome 扩展程序转换)
- 我应该使用Javascript重定向从可爬网到ajax网站吗
- 防止面积图Y轴从零开始
- 我如何重定向到移动设备,但让用户从那时开始切换
- 编码JS下划线_.从零开始扩展
- 引导游览多页.重定向但不开始下一页游览
- Javascript秒表不是从零开始的
- 无法重定向从选择下拉菜单中选择的页面
- 不能使用头重定向从PHP到Javascript
- 模式匹配,不是从零开始的
- JavaScript获得点击链接的正确从零开始的索引
- GitHub项目页面:自动重定向从子目录到子域
- Javascript:从零开始对索引数组进行排序