1
ボタンクリックで呼び出されるJavascript CountDown Timerがあります。 Javascriptは外部ファイルで定義されています。タイマーのCSSは外部ファイルでもあります。関数が定義されていませんJavaScriptのコンフリクト
私はページの開始時にはJavaScriptが含まれている場合、私は
clock.queryselectorが機能
ではありません持って、私はページの最後にはJavaScriptが含まれている場合、私は
を得ましたinitializeClockが定義されていません
このファイルはどこに保管しますか？私は行方不明の何かを助けてください？
HTML
<head runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<%-- <script src="JScript.js" type="text/javascript"></script>--%>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>Revervation Time Left</h3>
<div id="clockdiv" runat="server" style=" border: 1px solid red;">
<div>
<span class="minutes"></span>
<div class="smalltext">Minutes</div>
</div>
<div>
<span class="seconds"></span>
<div class="smalltext">Seconds</div>
</div>
</div>
<div >
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</form>
<script src="JScript.js" type="text/javascript"></script>
</body>
</html>
コード
Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click
ScriptManager.RegisterStartupScript(Me, Me.GetType(), "myFunction", "initializeClock('clockdiv', 'Aug 10 2016 13:02:23');", True)
'ScriptManager.RegisterClientScriptBlock(Me, Me.GetType(), "none", "CallMe();", True)
End Sub
Javascriptを
function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date());
var seconds = Math.floor((t/1000) % 60);
var minutes = Math.floor((t/1000/60) % 60);
return {
'minutes': minutes,
'seconds': seconds
};
}
function initializeClock(id, endtime) {
// alert(endtime);
var clock = document.getElementById(id);
var minutesSpan = clock.querySelector('.minutes');
var secondsSpan = clock.querySelector('.seconds');
function updateClock() {
var t = getTimeRemaining(endtime);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
if (t.total <= 0) {
clearInterval(timeinterval);
}
}
updateClock();
var timeinterval = setInterval(updateClock, 1000);
}
F古い構造：
ボタンをクリックするとinitialiseClockが呼び出されるのですか、それともそれ以前に起動しますか？ –