В этой статье описывается метод реализации нескольких спецэффектов JavaScript на одной и той же веб -странице. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Вообще говоря, если <script type = "text/javascript"> </script> тег появляется дважды, все сценарии JavaScript больше не вступит в силу, и только один раз <script type = "text/javascript"> </script> теги появятся. Тем не менее, на одной и той же веб -странице часто требуются несколько спецэффектов JavaScript.
1. Основные цели
Установите два часа JavaScript на веб -странице, одним из которых является обычное время, которое уходит каждые 1 секунду, а другой - ненормальные часы, которые уходят каждые 3 секунды. Это просто для того, чтобы отличить его и объяснить, как реализовать несколько спецэффектов JavaScript на одной и той же веб -странице. Эффект показан на рисунке ниже:
2. Процесс производства
Метод 1:
Скопируйте код следующим образом: <html>
<голова>
<script type = "text/javascript">
function clocka () {
var time = new date (). tolocalestring ();
document.getElementbyId ("clocka"). innerHtml = время;
}
функция a () {
clocka ();
setInterval ("clocka ()", 1000);
}
function clockb () {
var time = new date (). tolocalestring ();
document.getElementbyId ("clockb"). innerHtml = время;
}
функция b () {
clockb ();
setInterval ("clockb ()", 3000);
}
</script>
</head>
<body Onload = "a (), b ()">
<div id = "clocka"> </div>
<div id = "clockb"> </div>
</body>
</html>
Сначала запишите специальный эффект, который будет реализован в функцию, функции A (), B (), а затем используйте Onload для загрузки веб -страницы и немедленно загрузите эту функцию.
Что касается clocka () и clockb (), они переписаны на основе исходного кода JavaScript. Код JavaScript, который был первоначально в <body>, выглядит следующим образом:
Скопируйте код следующим образом: <script type = "text/javascript">
function clock () {
var time = new date (). tolocalestring ();
document.getElementbyId ("часы"). innerHtml = время;
}
setInterval ("clock ()", 1000);
</script>
Метод 2:
Это означает, что не записывать тип в <Script>, но тип написан напрямую. Однако этот метод имеет определенную задержку. Специальные эффекты загружаются один за другим. Если есть слишком много спецэффектов, эффект будет плохим.
Однако аккуратность и интуитивность кодирования лучше, чем вышеупомянутый метод.
Код заключается в следующем:
Скопируйте код следующим образом: <! 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">
<голова>
<Скрипт>
function clocka () {
var time = new date (). tolocalestring ();
document.getElementbyId ("clocka"). innerHtml = время;
}
function clockb () {
var time = new date (). tolocalestring ();
document.getElementbyId ("clockb"). innerHtml = время;
}
</script>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> Twojs </title>
</head>
<тело>
<Скрипт>
setInterval ("clocka ()", 1000);
</script>
<Скрипт>
setInterval ("clockb ()", 3000);
</script>
<div id = "clocka"> </div>
<div id = "clockb"> </div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.