Javascript - Xoay chữ Xoay chữ
Xoay chữ Hiepsiit
Viết chương trình JavaScript để xoay chuỗi 'Xoay chữ Hiepsiit' bằng cách xóa định kỳ một ký tự ở cuối chuỗi và gắn nó vào phía trước.
Mã nguồn:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript basic animation</title>
<script type="text/javascript">
function animate_string(id)
{
var element = document.getElementById(id);
var textNode = element.childNodes[0]; // assuming no other children
var text = textNode.data;
setInterval(function ()
{
text = text[text.length - 1] + text.substring(0, text.length - 1);
textNode.data = text;
}, 100);
}
</script>
</head> <body onload="animate_string('target')"
<pre id="target">Website</pre>
</body>
</html>
document.getElementById (id): Trả về một tham chiếu đến phần tử theo ID ; ID là một chuỗi có thể được sử dụng để xác định phần tử.
Tham số: id là một chuỗi phân biệt chữ hoa chữ thường đại diện cho ID duy nhất của phần tử đang được tìm kiếm.
element.childNodes [0] sẽ tạo ra kết quả giống như nội dung HTML của nút con đầu tiên.
text.length: Chiều dài của chuỗi.
Lưu đồ thuật toán:
