单击按钮后将Var更改为0

Question

在我的JavaScript中，我将自动滚动频率设置为var speed1。单击按钮时，我想将var spsp设置为0。 有人可以帮助我吗？

按键：

<button name="NONAUTO"  value="">Turn off Autoscroll</button>

这是我的Javascript：

var speed=1;
var currentpos=0,alt=1,curpos1=0,curpos2=-1;

function initialize(){
    startit();
}

function scrollwindow(){
    if (document.all && !document.getElementById)
        temp=document.body.scrollTop;
    else
        temp=window.pageYOffset;

    if (alt==0)
        alt=0;
    else
        alt=0;

    if (alt==0)
        curpos1=temp;
    else
        curpos2=temp;

    if (curpos1!=curpos2){

        if (document.all)
            currentpos=document.body.scrollTop+speed;
        else
            currentpos=window.pageYOffset+speed;

        window.scroll(0,currentpos);
    } 
    else {
        currentpos=0;
        window.scroll(0,currentpos);
    }
}

function startit(){
    setInterval("scrollwindow()",50);
}

window.onload=initialize;

自动滚动是可中断的，您可以自由滚动，但是如果可以解决，请滚动并等待20秒钟，然后进行自动滚动，那将是很棒的事情！但这只是一个额外的操作。

Answer 1

向按钮添加onclick属性，例如onclick = change() 。

并且，您可以执行以下change()函数：

function change(){ start = 0;}

您还可以通过document.getElementsByName("NONAUTO")[0].addEventListener("click",change,false)添加onclick事件侦听器

Answer 2

你可以这样

 <button onClick = "turnOff(event)" name="NONAUTO"  value="">Turn off Autoscroll</button>

在脚本文件中添加此功能。

var turnOff = function(event)
{
  event.preventDefault();
  speed = 0;
  alert(speed);
}

Answer 3

如果您使用的是jQuery，则可以使用：

<button id="buttId" name="NONAUTO"  value="">Turn off Autoscroll</button>
$( "#buttId" ).click( function()
{
  speed = 0;
}

或如果您不想添加ID属性：

$( "[name='NONAUTO']" ).click( function()
{
  speed = 0;
}

Answer 4

为此，您需要在JavaScript使用Event Handlers 。 您特别需要处理特定button的Click事件。 您可以像其他提到的那样在html代码本身中执行此操作。 这称为Obtrusive JavaScript 。 通常建议使用Unobtrusive JavaScript 。 这是使用事件监听器进行操作的一种方法：

 window.onload = function() { var speed = 1; var button = document.getElementById("nonAuto"); button.addEventListener("click", function() { speed = 0; alert(speed); }); }; 

 <button name="NONAUTO" id="nonAuto" value="">Turn off Autoscroll</button> 

您还可以通过以下方式切换自动滚动值：

 window.onload = function() { var speed = 1; var button = document.getElementById("nonAuto"); button.addEventListener("click", function() { if (speed === 1) { speed = 0; button.firstChild.data = "Turn on AutoScroll"; alert(speed); } else { speed = 1; button.firstChild.data = "Turn off AutoScroll"; alert(speed); } }); }; 

 <button name="NONAUTO" id="nonAuto" value="">Turn off Autoscroll</button> 

希望这可以帮助！！！

Answer 5

您想在单击按钮时将变量速度从1更改为0。 只需将其写在您的html文件中：

<button onClick:'var speed = 0'></button>