Javascript代码合并

javascript codes merging

本文关键字：合并 代码 Javascript      更新时间：2023-09-26

我试图合并两个html/css - js代码在一起，但它不工作。

第一个html代码是一个简单的按钮文本改变点击:

<html>
<head>
<script type="text/javascript">
function myTest(btnID)
{
document.getElementById(btnID).value="After";
}
</script>
</head>
<body>
<input type="button" name="toggleBtn" id="toggleBtn" onclick="myTest('toggleBtn')"   value="Before" >

和我想要合并的JavaScript代码:

<script type="text/JavaScript">
<!--
redirectTime = "5000";
redirectURL = "http://cpanel.hostinger.ae";
function timedRedirect() {
setTimeout("location.href = redirectURL;",redirectTime);
}
//   -->
</script>
<div style="background-color:green;padding:5px;width:110px;cursor:pointer;"
onclick="JavaScript:timedRedirect()">
By M.A JS Code
</div>

我怎样才能使按钮上的点击改变文本，然后重定向的页面计时器?

将额外的代码添加到已有的函数中:jsFiddle示例

<html>
    <head>
        <script type="text/javascript">
            function myTest(e) {
                e.value = "After";
                redirectTime = "5000";
                redirectURL = "http://cpanel.hostinger.ae";
                setTimeout(function(){location.href = redirectURL;}, redirectTime);
            }
        </script>
        </head>
        <body>
            <input type="button" name="toggleBtn" id="toggleBtn" onclick="myTest(this);" value="Before">
        </body>
</html>

你的意思是这样吗?

<html>
<head>
<script type="text/javascript">
function myTest(btnID)
{
   document.getElementById(btnID).value="After";
   redirectTime = 5000;
   redirectURL = "http://cpanel.hostinger.ae";
   (function(redirectTime, redirectURL) {
      setTimeout("location.href = redirectURL;",redirectTime);
   })(redirectTime, redirectURL);
}
</script>
</head>
<body>
<input type="button" name="toggleBtn" id="toggleBtn" onclick="myTest('toggleBtn')"   value="Before" >
相关文章：