Takrif dan penggunaan kaedah window.setInterval() dan perbezaan antara kemahiran offsetLeft dan style.left

Takrif dan penggunaan kaedah window.setInterval() dan perbezaan antara kemahiran offsetLeft dan style.left_javascript

WBOY

Lepaskan： 2016-05-16 15:32:40

asal

1314 orang telah melayarinya

Definisi dan penggunaan

Kaedah setInterval() boleh memanggil fungsi atau mengira ungkapan mengikut tempoh yang ditentukan (dalam milisaat).

Kaedah

setInterval() akan terus memanggil fungsi sehingga clearInterval() dipanggil atau tetingkap ditutup. Nilai ID yang dikembalikan oleh setInterval() boleh digunakan sebagai hujah kepada kaedah clearInterval().

Petua: 1000 milisaat = 1 saat.

Tatabahasa

setInterval(kod,millisec,lang)

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang	可选。 JScript \| VBScript \| JavaScript

Ringkasan:

Kaedah ini boleh melaksanakan program mengikut kitaran yang ditentukan. Tempoh adalah dalam milisaat.

Kaedah ini akan dilaksanakan selama-lamanya jika anda tidak menutup penyemak imbas atau memanggil kaedah clearInterval() .

Nilai pulangan ialah ID unik kaedah ini.

Untuk menghentikan pelaksanaan fungsi pemasa ini, sila rujuk bab kaedah clearInterval().

Klik untuk melihat lebih banyak sifat dan kaedah objek tetingkap.

Sokongan penyemak imbas:

(1). pelayar IE menyokong kaedah ini.
(2). Pelayar Firefox menyokong kaedah ini.
(3) Penyemak imbas Opera menyokong kaedah ini.
(4) Penyemak imbas Chrome menyokong kaedah ini.
(5).Pelayar Safria menyokong kaedah ini.

Contoh kod:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){ 
 n=0; 
 function show(){ 
 document.getElementById("mytext").value=n+1; 
 n=n+1; 
 } 
 var flag=setInterval(show,1000) 
} 
</script> 
</head> 
<body> 
<input type="text" size=10 id="mytext" /> 
</body> 
</html>

Salin selepas log masuk

Izinkan saya memperkenalkan kepada anda perbezaan antara offsetLeft dan style.left

offsetLeft mendapat jidar kiri berbanding objek induk

kiri mendapat atau menetapkan jidar kiri

relatif kepada objek induk dengan atribut kedudukan (kedudukan ditakrifkan sebagai relatif)

Jika kedudukan div induk ditakrifkan sebagai relatif dan kedudukan div anak ditakrifkan sebagai mutlak, maka nilai style.left div anak adalah relatif kepada nilai div induk,
Ini sama seperti offsetLeft, perbezaannya ialah:

1. style.left mengembalikan rentetan, seperti 28px dan offsetLeft mengembalikan nilai 28. Jika anda perlu mengira nilai yang diperoleh,
Ia lebih mudah untuk menggunakan offsetLeft.

2. style.left ialah baca-tulis, offsetLeft ialah baca-sahaja, jadi untuk menukar kedudukan div, anda hanya boleh mengubah suai style.left.

3. Nilai style.left perlu ditakrifkan terlebih dahulu, jika tidak, nilai yang diperolehi akan menjadi kosong. Dan ia mesti ditakrifkan dalam html Saya telah melakukan eksperimen Jika ia ditakrifkan dalam
Dalam css, nilai style.left masih kosong. Ini adalah masalah yang saya hadapi pada mulanya.

offsetLeft masih boleh diperolehi tanpa menentukan kedudukan div terlebih dahulu.